javascript - 1ページに複数の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>

今、私はこれらすべてを必要としていますが、2 つ目は、panel_2 (および 3、4、5 など) を作成することです。