2012-03-30 26 views
1

這是所有工作之前,突然它停止工作,我似乎無法弄清楚,如果我做錯了什麼。我需要的只是當fancybox打開時顯示的左箭頭,右箭頭和助手按鈕。任何幫助深表感謝。無法獲得fancybox幫手按鈕顯示

ps。所有的文件都在那裏,因爲它曾經工作得很好,我剛剛創建了一個新頁面,並停止工作。

<!-- Add jQuery library --> 
<script type="text/javascript" src="js/jquery-1.7.min.js"></script> 

<!-- Add mousewheel plugin (this is optional) --> 
<script type="text/javascript" src="js/jquery.mousewheel-3.0.6.pack.js"></script> 

<!-- Add fancyBox main JS and CSS files --> 
<script type="text/javascript" src="js/jquery.fancybox.js"></script> 
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox.css" media="screen" /> 

<!-- Add Button helper (this is optional) --> 
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-buttons.css?v=2.0.3" /> 
<script type="text/javascript" src="js/jquery.fancybox-buttons.js?v=2.0.3"></script> 

<!-- Add Thumbnail helper (this is optional) --> 
<link rel="stylesheet" type="text/css" href="css/jquery.fancybox-thumbs.css?v=2.0.3" /> 
<script type="text/javascript" src="js/jquery.fancybox-thumbs.js?v=2.0.3"></script> 
<script> 
    /* <![CDATA[ */ 

    $(document).ready(function() { 
     $(".fancybox-buttons").fancybox({ 
     prevEffect  : 'none', 
     nextEffect  : 'none', 
     closeBtn  : false, 
     helpers  : { 
      title : { type : 'inside' }, 
      buttons : {} 
     } 
    }); 
    }); 
    /* ]]> */ 
    </script> 


<ul> 
    <li><a class="fancybox-buttons" href="img/pic1.jpg" title="my title"><img src="img/pic1.jpg" alt="" class="thumb" /></a></li> 
    <li><a class="fancybox-buttons" href="img/pic2.jpg" title="another title."><img src="img/Sociales/2008/pic2.jpg" alt="" class="thumb" /></a></li> 
</ul> 
+0

檢查屬性的路徑,所以也許這'CSS/jquery.fancybox-buttons.css'應該是'CSS /傭工/ jquery.fancybox-buttons.css'。從瀏覽器中查看源代碼,然後單擊fancybox文件的鏈接,檢查是否從您指定的路徑獲取文件。 – JFK 2012-03-30 20:45:02

+0

所有的路徑都可以,那是我首先看到的。如果你還記得你在我試圖讓孩子/父母頁面顯示fancybox之前幫助過我,那麼他們要求我去掉iframe,所以一切都是一樣的,我只是將孩子的東西拷貝到父母身上,但我不明白爲什麼它現在不起作用。 – Andres 2012-03-30 20:58:38

+0

你能分享一個鏈接嗎? – JFK 2012-03-30 21:01:17

回答

2

感謝您分享此鏈接。

只有設置了元素庫,fancybox按鈕(以及正常的導航箭頭)纔會顯示出來。當fancybox打開單個元素時,導航箭頭或按鈕都不會顯示。

爲了設置一個圖庫,兩個或多個元素必須共享相同的rel屬性或相同的data-fancybox-group屬性。演示文件中的鏈接沒有這些鏈接。

你的腳本是正確的,只是設置你的圖像的任何上述像

<a class="fancybox-buttons" rel="gallery" href="{target}"...etc 
+0

男人你真的是一個救星!我不明白爲什麼我以前不需要它,但是非常感謝,就像魅力一樣。 – Andres 2012-03-31 16:16:25