FancyBox 2 的回调和参数
CallBacks and arguments for FancyBox 2
Scorliss又来了。由于客户最近要求我将多个图像幻灯片添加到他们的网站,我一直在网上寻找免费的幻灯片/图像库,我可以通过链接调用它......没有将幻灯片中的所有图像作为页面上的链接。我在灯箱方面取得了一些成功,我发现了花哨的盒子。我在网站上有一个 sildshow。我的问题是我尝试在用户单击链接时自动启动幻灯片。下面是花哨的java脚本的代码
<script type="text/javascript">
$(document).ready(function() {
$("#fancybox-manual-c").click(function() {
$.fancybox.open
([{ autoPlay:true,
href : '../images/BDAY 2.jpg',
title : 'My title'
},
{
href : '../images/horse_pic_3.jpg',
title : '2nd title'
},
{
href : '../images/lori.jpg'
}],
{'callbackOnShow':myFunc,
helpers : {
thumbs : {
width: 75,
height: 50
},
buttons : {}
}
});
});
});
</script>
<style type="text/css">
.fancybox-custom .fancybox-skin {
box-shadow: 0 0 50px #222;
}
</style>
<script type="text/javascript">
function myFunc() {
alert("Opened!");
}
</script>
在我有的 HTML 正文中
<a id="fancybox-manual-c" href="javascript:;">Open gallery</a>
有人可以告诉我我是否应该使用回调...如果是这样,或者我应该只使用"自动播放:true".谢谢斯科利斯
如果您只想让它自动播放,我会说只需使用内置选项。
但在这种情况下,您可能希望将autoplay:true
设置移动到花哨框参数的选项部分。
花式盒子参数(来自: http://fancyapps.com/fancybox/#docs):
$.fancybox.open( [group], [options] )
将autoplay:true
设置向下移动到选项对象参数中:
$.fancybox.open(
[
{ href : '../images/BDAY 2.jpg', title : 'My title' },
{ href : '../images/horse_pic_3.jpg', title : '2nd title' },
{ href : '../images/lori.jpg' }
],
{
autoplay: true,
helpers : {
thumbs : { width: 75, height: 50 },
buttons : {}
}
}
);
正如您的标题显示"FancyBox 2 的回调和参数",您可以在选项卡回调下找到 fancybox 2 插件的回调选项的完整列表。
http://fancyapps.com/fancybox/#docs
相关文章:
- AngularJS:我可以跳过函数参数回调吗
- 要求未定义JS回调参数
- 用于回调的javascript参数
- 回调函数中传递参数的困难(Google Map API Markers)
- 如何正确地将参数传递给RequireJS回调函数
- 用javascript记录传递给回调的参数的约定是什么
- 将额外的参数传递给jquery.延迟回调
- Axios spread()具有未知数量的回调参数
- 在Javascript中向回调添加参数
- javascript,将参数传递给函数内部的闭包中的回调
- 如何从参数数组中调用回调
- 如何在回调函数中传递参数
- 如何使用传递参数回调 JavaScript 对象属性
- 了解匿名函数中的参数(回调示例)
- Nodejs expressJS 路由,参数回调未触发
- 如何获得访问变量/传递参数回调与d3
- Javascript第一个参数路径最后一个参数回调
- 参数/回调不匹配
- 按钮单击传递参数回调
- 在DistanceMatrixStatus中传递参数回调或设置变量值