2012-01-13 63 views
1

如何添加fancybox與按鈕助手和縮略圖助手?
是否可以將按鈕(按鈕助手)置於圖像下方,以便我可以觀看並選擇我想要看到的內容?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

謝謝。但什麼是fancybox按鈕和縮略圖代碼(一個代碼中的按鈕和縮略圖)我想要代碼並從那裏出來,我想我可以處理它。謝謝 – blade19899 2012-01-14 01:49:45

+0

你需要兩個,外部js和css文件和代碼。我沒有看到代碼有任何問題,所以我認爲你錯過了加載文件,不是嗎? – JFK 2012-01-14 02:24:26

+0

好吧我試圖編輯外部js和css文件,以獲得按鈕助手和縮略圖助手,但我找不到要編輯以使其工作,我不知道位置:底部;代碼應該去獲取下面的按鈕。 javascript: – blade19899 2012-01-14 22:33:04