javascript - 一页上有多个javascript元素？

Question

我几乎不知道 javascript，我只需要为艺术课做点什么。基本上，我希望在同一页面上有多个图像，每个图像在 3 个图像之间切换。

这是脚本：

 var images = ["images/image1.png", "images/image2.jpg", "images/image3.jpg"];
 var clicks = 0;

 $(document).ready(start);

 function start(){
     $("#panel_1").click(changeImage);
 }

 function changeImage(){
     clicks++;
     img = images[clicks % images.length];
     $("#panel_1").attr("src", img);
 }

这是HTML：

 <div id="panel1">
 <a href="#">
    <img id="panel_1" border="0" src="images/SquirrelFull.jpg" width="230px" height="230px"/>
 </a>
 </div>

现在我想要所有这些，但第二个，来制作 panel_2（和 3、4、5 等）