Navigation 将导航点添加到fancybox

我想在fancybox幻灯片中添加基本的导航点

示例如下：

但是我不能让它工作。不确定我是否在正确的位置编辑了JS

这让我快发疯了——任何帮助都会很好

谢谢

这是我的html:

<a class="fancybox-thumb" rel="gallery1" href="images/index/Dwayne5.jpg" >     
                        <!--slideshow image 1-->

<img src="images/index/artfuldogerthumbnail.jpg" alt="main icon" />
                          <!--This is the little image on page-->
</a>




<a class="fancybox-thumb"rel="gallery1"href="images/index/artfuldogerthumbnail.jpg" title="colour dodger"> 
                            <!--slideshow image 2-->

 </a>

 <a class="fancybox-thumb" rel="gallery1"href="images/index/sheree.png" title="">
 </a>
                            <!--slideshow image 2-->

****这是我的JS****

<script>

$(document).ready(function() {
        $(".fancybox-thumb").fancybox({
            prevEffect  : 'none',
            nextEffect  : 'none',
            helpers : {
                title   : {
                    type: 'outside'
                },
                thumbs  : {
                    width   : 50,
                    height  : 50
                }
            }
        });
    });

    </script>

    <script type="text/javascript">
        $(document).ready(function() {
            $(".fancybox").fancybox();
        });

        $.fancybox.helpers.thumbs.onUpdate = function() {};
    <!-- Above line stops thumbnails moving) -->


</script>

$（文档）.ready（函数（）{
$（“.fancybox拇指”）.fancybox({
效果：“无”，
下一个效果：“无”，
助手：{
标题：{
类型：“外部”
},
拇指：{
宽度：50，
身高：50
}
}
});
});
$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox（）；
});
$.fancybox.helpers.thumbs.onUpdate=function（）{}；

你是说这个吗？是的！虽然我最后用了其他的方法。我甚至不记得了，我自己拿了缩略图，删除了图片/屏蔽了“查找url”，并对容器进行了样式化。。。我认为这是有道理的。你可以在这里看到Shereewalker.com