2012-01-13 8 views
1

ボタンヘルパーとサムネイルヘルパーでfancyboxを追加するにはどうすればよいですか?
ボタン(ボタンヘルパー)を画像の下に置いて、見たいものを見たり選択したりすることは可能ですか?ボタンヘルパーとサムネイルヘルパー付きのファンシーボックス

ボタン

$(document).ready(function() { 
$(".fancybox-button").fancybox({ 
    prevEffect  : 'none', 
    nextEffect  : 'none', 
    closeBtn  : false, 
    helpers  : { 
     title : { type : 'inside' }, 
     buttons : {} 
    } 
}); 

})。

サムネイルコード

$(document).ready(function() { 
$(".fancybox-thumb").fancybox({ 
    prevEffect : 'none', 
    nextEffect : 'none', 
    helpers : { 
     title : { 
      type: 'outside' 
     }, 
     overlay : { 
      opacity : 0.8, 
      css : { 
       'background-color' : '#000' 
      } 
     }, 
     thumbs : { 
      width : 50, 
      height : 50 
     } 
    } 
}); 

})。


私はそれが仕事を得ることができなかったJavaScriptで少し新しいです。
私がしようとしているのは、一緒に混ぜ合わせてボタンを底に置くことです。

P.S.また、fancyboxサムネイルヘルパーを使用してYoutubeビデオを操作できますか?

答えて

5

はまた、fancybox、正規のjsとcssファイルから離れてjquery.fancybox-buttonsjquery.fancybox-thumbsJSCSSファイルをロードする必要があります。それらはzipファイルのサブディレクトリ "ヘルパー"の下にあります。

+0

ありがとうございました。ファンシーボックスのボタンとサムネイルのコードは何ですか(ボタンとサムネイルは1つのコードにあります)。私はコードを持っています。そこから、私はそれを処理できると思います。ありがとう – blade19899

+0

あなたは、外部のjsとcssファイルとコードの両方が必要です。私はコードに何か間違っているとは思わないので、ファイルをロードするために行方不明になっていると思いますか? – JFK

+0

大丈夫私は外部のjsとcssファイルを編集しようとしましたが、ボタンヘルパーとサムネイルヘルパーを取得しましたが、私はそれを動作させるために編集するものを見つけることができません。コードは下のボタンを取得する必要があります。私はjavascriptでうまくいきません:( – blade19899

関連する問題