0

単純な要求ですが、それを行う方法がわかりません。別の画像が押されたときに、一連の 10 個の画像 (image0.gif、image1.gif、image2.gif など) を次の画像に変更する必要があります (9 の後に循環)。これは私がこれまでに持っているものです...

 <html>  
    <head></head>
    <body bgcolor="#808080">
        <script type="text/javascript">
            var c = 0;
            function preload(img) {
                var a = new Image();
                a.src = img;
                return a;
            }

            if (needed) {
                time0 = preload("image0.gif");
                time1 = preload("image1.gif");
                time2 = preload("image2.gif");
                time3 = preload("image3.gif");
                time4 = preload("image4.gif");
                time5 = preload("image5.gif");
                time6 = preload("image6.gif");
                time7 = preload("image7.gif");
                time8 = preload("image8.gif");
                time9 = preload("image9.gif");
            }

            function clickme() {
                // update image
                c += 1;
                // alert(c)
            }
        </script>
        <div align="center">
            <center>
                <img src="images/image0.gif" width="20" height="55" name="time0"> <a href="#" onMouseDown="return clickme()">
                    <img src="images/button.gif" border="0" width="96" height="55">
                    </a>
                </td>
                </tr>
                </table>
            </center>
        </div>
    </body>

</html>
4

2 に答える 2

2

まず、各うまげの名前で異なるのは数字だけであるという事実を利用できますし、利用する必要があります。したがって、番号を保存して、任意のイメージ名を作成できます。 

function getImage(id) {
    return "image"+id+".gif";
}

次に、変更したい画像にアクセスする方法が必要です。idhe 要素に追加するように:

<img id="changing" src="image0.png" />

onclickではなく、そこを使用する必要がありますonmousedown。ユーザーは気が変わってマウスを離すかもしれません - それはクリックではありません:

<a href="#" onclick="clickme()" />

最後に、画像要素を変更します。

var c=0;
var max = 9;
function clickme() {
   c++;
   if(c>max)
     c=0;   //looping back to zero
   docment.getElementById("changing").src = getImage(c);  //getImage is defined above
 }
于 2013-02-13T14:51:44.140 に答える
1

画像に ID を付けます (the-imageたとえば、 )。

function clicme() {
    c += 1;
    document.getElementById('the-image')
        .setAttribute('src', 'image' + (c % 10) + '.gif');
}

また、href要素はありません。と入力するつもりだったと思います<a href。

于 2013-02-13T14:47:08.390 に答える