Javascript 显示/隐藏图像滚动条

我在一组div中使用了一个图像滚动插件，这些div设置为在加载页面时随机显示，然后在单击图像/徽标时显示/隐藏。我注意到，当缩略图滚动条不是页面上要加载的第一个div或显示另一个滑块时，缩略图滚动条会中断。
下面是我正在制作的演示的链接：

我假设这是因为插件的加载方式：

$(function($){
   window.onload=function(){ 

因为当显示和隐藏div时，页面不会被重新加载，它只为第一个div项加载

---

我不确定我需要修改什么才能让插件正确加载所有div

如果您有重复的ID，ID必须是唯一的。尝试改用类名

<div class="tS2">...</div>
<div class="tS2">...</div>
<script>
$(document).ready(function(){
    $(".tS2").thumbnailScroller({...});
});
</script>

。。。
...
$（文档）.ready（函数（）{
$（“.tS2”）.thumbnailScroller（{…}）；
});

每次加载页面时，都会随机显示一个图库。然后，当用户单击其中一个图像时，它将隐藏当前div并显示另一个图像，其中包含另一个图库。等等等等。到目前为止，缩略图滑块仅适用于代码中的第一个div。下面的任何其他滑块都不能正常工作。你能在这里发布一些相关代码吗？否则，一旦你删除/test/yzn/这就是我的想法，这个问题对未来的访问者将毫无用处，但我不确定，我想得到第二个意见。我会试试看是否有效。谢谢你的意见。这对我来说还是很新鲜，所以我感谢所有的帮助。