fancybox 2.0.3 - 自动播放选项答案

【问题标题】：fancybox 2.0.3 - autoPlay optionsfancybox 2.0.3 - 自动播放选项
【发布时间】：2011-12-05 08:16:09
【问题描述】：

鼠标悬停fancybox-wrap时是否可以暂停或将自动播放设置为false？

当鼠标不在fancybox-wrap 上方时，我希望将自动播放设置为true，并将css 对象的不透明度更改为0.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

【问题讨论】：

标签： javascript jquery fancybox

【解决方案1】：

尝试使用afterShow 回调选项，例如：

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

$.fancybox.play() API 方法切换幻灯片放映的开/关

【讨论】：