jQuery获取滑块来更改幻灯片

Question

我正在使用预先构建的滑块，我试图通过在滑块下方放置视频缩略图来扩展某些功能，用户可以单击该滑块以转到该滑块。我正在编写jQuery代码，希望能够实现这一目标。缩略图下面有子弹已经实现了这一点。

我想重新创建此功能，但每张幻灯片都有唯一的图片缩略图。现在，当我点击缩略图时，第一个项目符号设置为获取活动类。我认为这是导致滑块改变的原因，但我相信这与CSS样式有关。有人可以查看我的代码，看看我是否正朝着正确的方向获取video-thumbnail1 div，点击更新幻灯片？感谢。

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

<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>

jQuery的：

$(document).ready(function(){

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

});

使用图片滑块链接到实时网站：http://www.hazeltonlawgroup.com

我会在这里为图片滑块发布javascript，但它会被压缩。我对Firebug不是很了解，所以我不确定如何正确检查它。谢谢你的帮助。