fancybox 2.0.3 -自动播放选项

fancybox 2.0.3 - autoPlay options

本文关键字:自动播放 选项 fancybox      更新时间:2023-09-26

鼠标悬停在fanybox -wrap上时,是否可以暂停或将自动播放设置为false ?

我想有自动播放为真,并改变一个css对象的不透明度为。5当鼠标不在fancybox-wrap。

当我将鼠标移动到fancybox-wrapI上时,将自动播放设置为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

尝试使用afterShow回调选项:

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

$.fancybox.play() API方法打开/关闭幻灯片放映