お世話になります。
pythonのフレームワークdjango内でJavaScriptを使用し以下のようなプログラムを作っています。
JavaScript
1 <script type="text/javascript"> 2 var imgs; 3 function init() { 4 imgs = new Array(3); 5 for (var i = 0; i <= (imgs.length - 1); i++) { 6 imgs[0] = new Image(250, 207); 7 imgs[0].src = "{% static "javascript/images/pic0.jpg" %}" 8 imgs[1] = new Image(250, 207); 9 imgs[1].src = "{% static "javascript/images/pic1.jpg" %}" 10 imgs[2] = new Image(250, 207); 11 imgs[2].src = "{% static "javascript/images/pic2.jpg" %}" 12 13 } 14 } 15 window.onload = init; 16 17 var num = 0; 18 function changeImg() { 19 document.myImg.src = imgs[num].src 20 num++; 21 if (num == 3) num = 0; 22 } 23 </script> 24 </head> 25 <body bgcolor="#FFFFFF"> 26 <img src="{% static "javascript/images/off.jpg" %}" name="myImg" 27 width="250" height="207" 28 onclick="changeImg()" 29 onmouseout="this.src="{% static "javascript/images/off.jpg" %}";" 30 >
この部分は画像をクリックするたびに違う画像が表示されます。
<script type="text/javascript"> var imgs; function init() { imgs = new Array(3); for (var i = 0; i <= (imgs.length - 1); i++) { imgs[0] = new Image(250, 207); imgs[0].src = "{% static "javascript/images/pic0.jpg" %}" imgs[1] = new Image(250, 207); imgs[1].src = "{% static "javascript/images/pic1.jpg" %}" imgs[2] = new Image(250, 207); imgs[2].src = "{% static "javascript/images/pic2.jpg" %}" } } window.onload = init;
これをiの変数を利用して
<script type="text/javascript"> var imgs; function init() { imgs = new Array(3); for (var i = 0; i <= (imgs.length - 1); i++) { imgs[i] = new Image(250, 207); imgs[i].src = "{% static "javascript/images/pic" + i + ".jpg" %}" imgs[1] = new Image(250, 207); } } window.onload = init;
と書き換えれば変数iを利用して画像を表示できると考えたのですが上手くいきませんでした。
書き換えた部分は以下です。
imgs[i] = new Image(250, 207); imgs[i].src = "{% static "javascript/images/pic" + i + ".jpg" %}" imgs[1] = new Image(250, 207);
{%static %}内で変数を使用するのが不可能ならば素直に諦めるのですが不可能なのかも調べましたが分かりませんでしたし、できる場合にどのようにしたらよいのかも分かりませんでした。もしよければご教授願います。
回答1件
あなたの回答
tips
プレビュー