2011-08-15 50 views
3

我正在使用FancyBox,并且我想在页面上制作没有缩略图的图库。Fancybox gallery无缩略图

我有一组图片:

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启动代码,我用Google搜索,但似乎没有这个功能(???)。

干什么的最好方法是什么?谢谢!

回答

6

连接单击事件跨度

<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>