fancybox 2.0.3 -自动播放选项
fancybox 2.0.3 - autoPlay options
鼠标悬停在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方法打开/关闭幻灯片放映
相关文章:
- 我可以使此幻灯片图像自动播放吗?
- 如何使jquery自动播放
- 在移动设备中自动播放视频
- 需要帮助自定义幻灯片自动播放
- 在iframe中阻止网站中的vimeo自动播放
- 使用addevent时,VideoJs的自动播放未被触发
- 为简单的jQuery滑块添加自动播放功能
- 自动关闭选项卡
- iframe src 使用现有值在单击时添加自动播放=true 参数
- 如何降低html视频的自动播放音量
- 如何在向下滚动时停止自动播放
- 自动播放youtube视频的Javascript
- 10秒后停止自动播放-环岛
- 如何在HTML5画布上自动播放短视频剪辑
- 在按钮上单击暂停HTML视频(正在自动播放)
- 检测iOS移动设备的JavaScript比自动播放音频
- 我怎么能自动使用JavaScript函数来自动播放幻灯片呢
- 如何绕过Chrome禁用视频自动播放's在背景选项卡中
- fancybox 2.0.3 -自动播放选项
- 向选项卡添加自动播放功能