fancybox 2.0.3 - параметры автозапуска - PullRequest
0 голосов
/ 05 декабря 2011

Можно ли приостановить или установить автопроигрывание на ложь при наведении мыши на fancybox-wrap?

Я бы хотел, чтобы автозапуск имел значение true и изменил непрозрачность объекта css на .5, когда мышь еще не законченанеобычная упаковка

Когда я наведу курсор мыши на fancybox-wrap, мне бы хотелось, чтобы autoPlay был false или приостановлен, и изменил непрозрачность обратно на 1.

Мой текущий скрипт:

$(".fancyboxItem").fancybox({
    afterLoad : function(){
        var xyz = (this.index);
        var fancyNavString = '<div class="fancyNav">';
        $('a.fancyboxItem').each(function(index){
            if (index==xyz)
            fancyNavString = fancyNavString + '<a class="fancyNavIndex selected" href="javascript:;$.fancybox.jumpto('+(index)+')"></a>';
            else
                fancyNavString = fancyNavString + '<a class="fancyNavIndex" href="javascript:;$.fancybox.jumpto('+(index)+')"></a>';
            });
        var fancyNavString = fancyNavString + '</div><div class="fancyClose"><a href="javascript:;$.fancybox.close()"></a></div>';
        var fancyNavTitle = fancyNavString + '<p>'+(this.index + 1)+' of '+this.group.length+'</p>';
        this.title = fancyNavTitle
        },
    helpers : {
        title : {               
            type : 'inside',
                },              
    },
    'loop'              : true,
    'arrows'            : false,
    'closeBtn'          : false,
    'autoPlay'          : true,
    'playSpeed'         : 4000,
    'margin'            : 50,
    'padding'           : 15,
    'openSpeed'         : 500,
    'closeSpeed'        : 250,
    'nextSpeed'         : 500,
    'prevSpeed'         : 500,
    'openSpeed'         : 500,
    'speedOut'          : 500,
    'openEffect'        : 'fade', 
    'closeEffect'       : 'fade',
    'nextEffect'        : 'fade',
    'prevEffect'        : 'fade',
});

});

тестовая страница:

http://brycedavis.com/html/desertsunflower3.html

1 Ответ

0 голосов
/ 26 марта 2012

Попробуйте с опцией обратного вызова afterShow, например:

afterShow : function() {
 $(".fancybox-wrap").hover(function() {
  $.fancybox.play();
  $("#targetElement").css({'opacity': 1});
 }, function() {
  $.fancybox.play();
  $("#targetElement").css({'opacity': 0.5});
 });
}

Метод $.fancybox.play() API включает / выключает показ слайдов

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