将导航点添加到fancybox

Question

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

此处示例： documentation

但是我无法让它发挥作用。不确定我是否在正确的位置编辑JS。

这让我发疯了 - 任何帮助都会很棒。

由于

这是我的HTML：

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

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

int mark = Integer.parseInt(input.getText());
    if(mark <= 100){
    marks.add(Integer.parseInt(input.getText()));  
    input.setText("");
    warningLbl.setText("");
    }
    else{
        warningLbl.setText("Please enter an number between 0-100");
    }