2012-10-26 34 views
1

所以,我不是新來的Jquery,但我是Colorbox的新手,我需要幫助。我正在尋找一個JQuery,當圖像縮略圖被點擊時(例如jquery lightbox但帶有幻燈片),我可以讓我的圖像像幻燈片一樣播放。我被告知嘗試使用colorbox。它符合我需要但我'。得到一些..結果。 到目前爲止,所有需要的文件都已安裝(我從http://www.jacklmoore.com/colorbox下載了軟件,目前已經安裝了「示例4」或至少嘗試了所有文件和圖像到位並安裝了 但是,當我點擊縮略圖,colorbox顯示,但沒有圖像和邊框/角落,與這個特定的jquery來的等都是scrambled,我正在Mozilla中查看測試頁。我嘗試發佈代碼..但這件事給了我希望有人知道我在說什麼colorbox和jQuery

謝謝你的幫助,並對冗長的說明抱歉..只是想盡快想出這個想法..這讓我頭痛。

+1

這可能會幫助您發佈代碼示例或JSFiddle與您嘗試過的內容。 –

+0

這聽起來像你使用Firefox。你有沒有加載你的測試頁面啓用Firebug,以確保你的資源都得到正確加載? –

+0

我第一次遇到同樣的問題。我已經使用了近2年的colorbox,從來沒有遇到過問題。現在我遇到了同樣的問題,但是我正在使用它寫入一個jQuery插件。我也在使用示例4.我不知道問題是什麼,但是如果我發現我做錯了,我會確保在這裏發佈一個解決方案 –

回答

0

嗯,我想你可能會想要在其Beginner's Guide頁面上花費一些時間,並嘗試更好地理解colorbox插件。以下是指南頁面中的示例代碼。

<!doctype html> 
<html> 
    <head> 
     <link rel="stylesheet" href="colorbox.css" /> 
     <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
     <script src="jquery.colorbox-min.js"></script> 
     <script> 
      jQuery(document).ready(function() { 
       jQuery('a.gallery').colorbox({ opacity:0.5 , rel:'group1' }); 
      }); 
     </script> 
    </head> 
    <body> 
     <a class='gallery' href='image1.jpg'>Photo_1</a> 
     <a class='gallery' href='image2.jpg'>Photo_2</a> 
     <a class='gallery' href='image3.jpg'>Photo_3</a> 
    </body> 
</html> 

這可能是所有你需要開始wtih,然後你可以修改它,當您去,比如增加更多的選擇顏色框,改變HTML等,您可能要更注重的網址您的外部資源(地方CSS的根目錄下&顏色框-min.js在這種情況下)

而且,由於使用的是Firefox,你爲什麼不安裝Firebug Add-on進行調試。你可以在這裏發佈錯誤,如果你看到任何。