Fancybox JQuery, простая ошибка, вероятно, - PullRequest
0 голосов
/ 06 декабря 2011

Я новичок в jquery, между прочим, поэтому я прошу прощения за невежество.Я не могу понять, почему этот сценарий ни на что не влияет.Я нажимаю на миниатюру, и я получаю новую страницу с полным изображением, без фантазии.Я проверил ссылки на скрипты (здесь не показаны), и они выглядят правильно, поэтому я думаю, что этот код не должен быть как-то действительным.Самое смешное, что все это работало с более ранней версией FancyBox.Помогите, пожалуйста, и дайте мне знать, если для получения ответа требуется дополнительная информация.Спасибо.

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

        $("a.projectgallery").fancybox({
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'titlePosition'     : 'over',
            'titleShow'     : 'true',
            'overlayShow'       : 'true',
            'overlayColor'      : '#fff',
            'overlayOpacity'    : '0.9',
            'showNavArrows'     : 'true',
            'enableEscapeButton'    : 'true',
            'scrolling'     : 'no',
            'onStart':function(currentArray,currentIndex,currentOpts){
                var obj = currentArray[ currentIndex ];
                if ($(obj).next().length)
                this.title = $(obj).next().html();},
            'titleFormat'       : function(title, currentArray, currentIndex, currentOpts) {
                return '<span id="fancybox-title-over">' + title + '</span>';
            }
        });
    });
</script>

Ответы [ 3 ]

0 голосов
/ 06 декабря 2011

Все логические или целые значения должны быть установлены без кавычек, поэтому 'overlayShow': 'true' должно быть 'overlayShow': true, а 'overlayOpacity' : '0.9' должно быть 'overlayOpacity' : 0.9.

0 голосов
/ 07 декабря 2011

Итак, еще раз, мне показывают, что самое простое и очевидное решение - обычно лучшее ...

Мои ссылки были неверны:

Это ...

<script type="text/javascript" src="/fancybox/jquery.easing-1.3.pack.js"></script>

должно было быть это ...

<script type="text/javascript" src="fancybox/jquery.easing-1.3.pack.js"></script>

Спасибо за помощь, ребята. Извините за глупость и тратить ваше время.

0 голосов
/ 06 декабря 2011

Попробуйте разделить функции:

function formatTitle(title, currentArray, currentIndex, currentOpts) {
    return '<span id="fancybox-title-over">' + title + '</span>';
}
$(document).ready(function () {

        $("a.projectgallery").fancybox({
            'transitionIn'      : 'fade',
            'transitionOut'     : 'fade',
            'titlePosition'     : 'over',
            'titleShow'     : 'true',
            'overlayShow'       : 'true',
            'overlayColor'      : '#fff',
            'overlayOpacity'    : '0.9',
            'showNavArrows'     : 'true',
            'enableEscapeButton'    : 'true',
            'scrolling'     : 'no',
            'titleFormat'       : formatTitle
        });
    });

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...