Javascript jQuery获取滑块以更改幻灯片

我使用的是一个预先构建的滑块，我试图通过在滑块下方添加视频缩略图来扩展一些功能，用户可以点击该滑块进入该滑块。我正在编写jQuery代码，希望能够实现这一点。缩略图下方的项目符号已经完成了这一任务

我想重新创建此功能，但每个幻灯片都有唯一的图像缩略图。现在，当我单击缩略图时，第一个项目符号被设置为获取活动类。我认为这是导致滑块改变的原因，但我相信CSS样式更是如此。有人能看一下我的代码，看看当点击更新幻灯片时，我是否朝着获取视频缩略图1 div的正确方向前进吗？谢谢

HTML（navBulletsWrapper代码由图像滑块js生成）：

使用图像滑块链接到live站点：

---

我想在这里发布图像滑块的javascript，但它是压缩的。我不太擅长Firebug，所以我不知道如何正确地检查它。谢谢您的帮助。

是不是用jQuery easing来控制幻灯片的移动？@Jay不是，实际上是这个图像滑块，它是纯javascript的。已经有一个演示了，大家都在看hazeltonlawgroup.com的源代码，我没有看到id为“video-thumbnail1”的元素。如果你想让图像缩略图在幻灯片之间导航，为什么不用图像缩略图替换现有的项目符号导航？@Briggs我不知道该怎么做，因为它们是一个类。我需要的图像缩略图是一个独特的形象。此外，我现在将测试页面移动到/index2.htm，因为我不希望在尝试修复此问题时在主页上进行这些更改。

<div class="video-thumbnail">
    <a id="video-thumbnail1">
       <img src="/_images/VideoImages/btn_FreeConsultation.png" />
    </a>
</div>

<div class="navBulletsWrapper">
    <div class="active" rel="0"> … </div>
    <div rel="1"> … </div>
    <div rel="2"> … </div>
    <div rel="3"> … </div>
</div>

$(document).ready(function(){

    $('#video-thumbnail1').click(function(){
        $('div.navBulletsWrapper div').attr("rel", "0").addClass("active");
    });

});