2011-08-15 11 views
3

私はFancyBoxを使用しています。そのページにサムネイルなしでギャラリーを作りたいと思います。サムネイルのない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開始コードが必要ですが、私はグーグルではありますが、そのための機能はないと思われます(???)。

これを行う最善の方法は何ですか?ありがとう!

答えて

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> 
にイベントをクリックして添付します
関連する問題