Javascript 一个页面上有多个jQuery图像库

我想在我的页面上多次使用此jQuery库：

第一个有效，第二个无效。

前两个下面的库是用JavaScript完成的，我试图用jQuery替换它们

如果可以的话，请帮助我

---

代码很短，所以我希望这对你们中的一位大师来说是一件轻而易举的事。

你们的两个图像库都有相同的id库，这在html中是不允许的，id拇指也是一样的，将第二个更改为gallery2和thumbs2，等等。确保用新的id更新javascript

$('#thumbs').delegate('img','click', function(){

    $('#largeImage').attr('src',$(this).attr('src').replace('thumb','large'));

    $('#description').html($(this).attr('alt'));

});

$('#thumbs2').delegate('img','click', function(){

    $('#largeImage2').attr('src',$(this).attr('src').replace('thumb','large'));

    $('#description2').html($(this).attr('alt'));

});

html

                      <div id="gallery2">

                          <div id="thumbs2"> <img src="images/image_01_thumb.jpg" alt="1st image description" /> <img src="images/image_02_thumb.jpg" alt="2nd image description" /> <img src="images/image_03_thumb.jpg" alt="3rd image description" /> <img src="images/image_04_thumb.jpg" alt="4th image description" /> <img src="images/image_05_thumb.jpg" alt="5th image description" /> </div>

                          <div id="panel2"> <img id="largeImage2" src="images/image_01_large.jpg" />

                            <div id="description2">1st image description</div>

                          </div>

                        </div>

                      </div>

第一图像描述

谢谢。我做了你建议的70%是出于本能。。。我错过了$（“#thumbs2”）。代理。。。。。非常感谢你的朋友！