Jquery 停止,启动fancybox上的超大
我试着用超大型和fancybox来搭配。 我在supersized.js中添加了一些html,以便在每张幻灯片的默认标题框(div id=slidecaption)中显示带有fancybox的图像 一切正常,但当fancybox打开/关闭时,我正试图停止并重新启动超大幻灯片 此代码可以很好地停止幻灯片放映:Jquery 停止,启动fancybox上的超大,jquery,fancybox-2,supersized,Jquery,Fancybox 2,Supersized,我试着用超大型和fancybox来搭配。 我在supersized.js中添加了一些html,以便在每张幻灯片的默认标题框(div id=slidecaption)中显示带有fancybox的图像 一切正常,但当fancybox打开/关闭时,我正试图停止并重新启动超大幻灯片 此代码可以很好地停止幻灯片放映: <script type="text/javascript"> jQuery(document).ready(function(){ $('#slidecaption').cli
<script type="text/javascript">
jQuery(document).ready(function(){
$('#slidecaption').click(function() {
api.playToggle();
});
});
</script>
jQuery(文档).ready(函数(){
$(“#幻灯片选项”)。单击(函数(){
api.playtokle();
});
});
但是当我关闭fancybox时,我找不到重新开始幻灯片放映的方法。这里有div class=fancybox覆盖,但我重复上面的代码:
<script type="text/javascript">
jQuery(document).ready(function(){
$('.fancybox-overlay').click(function() {
api.playToggle();
});
});
</script>
jQuery(文档).ready(函数(){
$('.fancybox overlay')。单击(函数(){
api.playtokle();
});
});
……什么都不管用
你有没有想出更简单的办法
非常感谢使用此链接()希望它对您非常有帮助
$(".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”)
.attr('rel','gallery')
.fancybox({
填充:0,
差额:5,
下一个效果:“褪色”,
效果:“无”,
后加载:函数(){
$。扩展(此{
方面:错误,
键入:“html”,
宽度:“100%”,
高度:“100%”,
内容:“”
});
}
});
尝试在fancybox自定义初始化中使用fancybox回调,如:
$(".fancybox").fancybox({
beforeLoad: function () {
api.playToggle(); // stop / pause
},
afterClose: function () {
api.playToggle(); // restart
}
});
非常感谢,但这不是我想要的。我正在尝试将这个插件()与fancybox一起使用,并通过打开/关闭fancybox调用超大的api.playtokle函数。