Jquery 如何为fancybox导航缩略图分页

我的fancybox图库中有很多照片，缩略图导航从页面的侧面漏出

所以我想用箭头或沿着这些线的东西将可见的缩略图导航分页到5左右

我并不擅长js（我正在学习），但我确实理解html

以下是我的代码的截断版本：

<script type="text/javascript">
jQuery(document).ready(function() {
    jQuery(".fancybox-thumb").fancybox({
        prevEffect  : 'none',
        nextEffect  : 'none',
        helpers : {
            title   : {

                type: 'outside'
            },
            thumbs : {
                width : 100,
                height : 100
            }
        }
    });
});
    </script>


<div class="one-fifth">
                <p>
                    <a class="fancybox-thumb" rel="fancybox-thumb" href="images/gallery/subject/1.jpg" ><img src="images/gallery/subject/thumbs/1.png" width="158" height="158" alt=" "/></a>
                </p>
            </div>

            <div class="one-fifth">
                <p>
                    <a href="images/gallery/subject/2.jpg" class="fancybox-thumb" rel="fancybox-thumb"><img src="images/gallery/subject/thumbs/2.png" width="158" height="158" alt=" " /></a>
                </p>
            </div>
            <div class="one-fifth">
                <p>
                    <a href="images/gallery/subject/3.jpg" class="fancybox-thumb" rel="fancybox-thumb"><img src="images/gallery/subject/thumbs/3.png" width="158" height="158" alt=" " /></a> 
                </p>
            </div>
            <div class="one-fifth">

jQuery（文档）.ready（函数（）{
jQuery（“.fancybox拇指”）.fancybox({
效果：“无”，
下一个效果：“无”，
助手：{
标题：{
类型：“外部”
},
拇指：{
宽度：100，
身高：100
}
}
});
});

如果你想让你的缩略图刚好“适合”浏览器的宽度，你可以将一些CSS元素的宽度改为100%。如果你改变这三个，你就会到达那里

.center {
    width: 100%;
}

#content {
    width: 100%;
}

.portfolio-container {    
    width: 100%;
}

---

然后，当您更改浏览器的宽度时，每行可以容纳更少或更多的图像。

这似乎与主页中的缩略图配合得很好，但我指的是显示在fancybox lightbox底部的“fancybox”导航缩略图。我想用卷轴保持5个左右的可见，以查看更多信息。