[英]Stop, Start supersized on fancybox
我正在尝试使用超大号的和花式的盒子。 我在supersized.js中添加了一些html,以将带有fancybox的图像显示在每张幻灯片中的默认标题框中,即div id = slidecaption。
所有的作品,但我试图停止并重新启动fancybox时打开/关闭超大幻灯片。
这段代码可以很好地停止幻灯片播放:
<script type="text/javascript">
jQuery(document).ready(function(){
$('#slidecaption').click(function() {
api.playToggle();
});
});
</script>
但是当我关闭fancybox时,我找不到重新开始幻灯片放映的方法。 有div class = fancybox-overlay,但是我重复上面的代码:
<script type="text/javascript">
jQuery(document).ready(function(){
$('.fancybox-overlay').click(function() {
api.playToggle();
});
});
</script>
.....没有任何效果。
你建议吃些容易的东西吗?
非常感谢你
使用此链接( http://jsfiddle.net/RyTcS/ )希望它对您有帮助。
$(".fancybox")
.attr('rel', 'gallery')
.fancybox({
padding : 0,
margin : 5,
nextEffect : 'fade',
prevEffect : 'none',
afterLoad : function () {
$.extend(this, {
aspectRatio : false,
type : 'html',
width : '100%',
height : '100%',
content : '<div class="fancybox-image" style="background-image:url(' + this.href + '); background-size: cover; background-position:50% 50%;background-repeat:no-repeat;height:100%;width:100%;" /></div>'
});
}
});
尝试在fancybox自定义初始化中使用fancybox回调,例如:
$(".fancybox").fancybox({
beforeLoad: function () {
api.playToggle(); // stop / pause
},
afterClose: function () {
api.playToggle(); // restart
}
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.