не удается отобразить вспомогательные кнопки fancybox

Question

Это все работало раньше, и внезапно оно перестало работать, и я не могу понять, сделал ли я что-то не так.Все, что мне нужно, это стрелки влево, вправо и вспомогательные кнопки, чтобы показать, когда открыта fancybox.Любая помощь очень ценится.

пс.все файлы есть, потому что раньше он работал нормально. Я только что создал новую страницу, и она перестала работать.

    <!-- Add jQuery library -->
<script type="text/javascript" src="js/jquery-1.7.min.js"></script>

<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script>

<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="js/jquery.fancybox.js"></script>
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" />

<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=2.0.3" />
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.3"></script>

<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=2.0.3" />
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.3"></script>
<script>
    /* <![CDATA[ */

    $(document).ready(function() {
        $(".fancybox-buttons").fancybox({
        prevEffect      : 'none',
        nextEffect      : 'none',
        closeBtn        : false,
        helpers     : { 
            title   : { type : 'inside' },
            buttons : {}
        }
    });
    });
    /* ]]> */
    </script>


<ul>
    <li><a class="fancybox-buttons" href="img/pic1.jpg" title="my title"><img src="img/pic1.jpg" alt="" class="thumb"  /></a></li>
    <li><a class="fancybox-buttons" href="img/pic2.jpg" title="another title."><img src="img/Sociales/2008/pic2.jpg" alt="" class="thumb" /></a></li>
</ul>

Answer 1

Спасибо, что поделились ссылкой.

Кнопки fancybox (как и обычные стрелки навигации) будут отображаться, только если вы установили галерею элементов. Ни стрелки навигации, ни кнопки не будут отображаться, когда fancybox открывает отдельный элемент.

Чтобы установить галерею, два или более элемента должны иметь один и тот же атрибут rel или один и тот же атрибут data-fancybox-group. Ссылки в вашем демонстрационном файле не имеют ни одной из них.

Ваш сценарий правильный, просто установите для ваших изображений любые атрибуты, описанные выше, например

<a class="fancybox-buttons" rel="gallery" href="{target}"...etc