我正在使用 FancyBox,我想在页面上制作一个没有缩略图的画廊。
我有一组图片:
http://blabla/image1.jpg
http://blabla/image2.jpg
http://blabla/image3.jpg
我有一个 span 元素:
<span style="text-decoration: underline">click to view gallery</span>
我不需要页面上的任何缩略图,我只希望它们在用户单击跨度时显示为 FancyBox 画廊。我需要某种 javascript FancyBox 启动代码,我用谷歌搜索了一下,但似乎没有相应的功能 (???)。
最好的方法是什么?谢谢!
最佳答案
将点击事件附加到该跨度
<span id="myspan" style="text-decoration: underline; cursor:pointer;">click to view gallery</span>
<script>
$("#myspan").click(function() {
$.fancybox([
'http://blabla/image1.jpg',
'http://blabla/image2.jpg',
'http://blabla/image3.jpg'
], {
'padding' : 0,
'transitionIn' : 'none',
'transitionOut' : 'none',
'type' : 'image',
'changeFade' : 0
});
});
</script>
关于javascript - 没有缩略图的 Fancybox 画廊,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7062662/