2014-02-09 66 views
0

我下載了shadowbox的獨立版本,以便支持css圖像。我將文件加載到我的網站服務器,並把我的網頁上下面的代碼:Shadowbox無法加載/正在工作

HTML頭網頁:

<link rel="stylesheet" type="text/css" href="shadowbox.css"> 
<script type="text/javascript" src="shadowbox.js"></script> 
<script type="text/javascript"> 
Shadowbox.init(); 
</script> 

HTML鏈接在我的網頁:

<a href="files/IMG00237-20110525-1138.jpg" rel="shadowbox">My Image</a> 

什麼也沒有發生與此碼。 Shadowbox不會加載....當我單擊鏈接時,圖片也不會在shadowbox中加載。我究竟做錯了什麼?

我想實現一旦我得到這個工作是,在網頁加載時,有太極拳自動顯示,並開始通過照片畫廊滾動(我討厭點擊鏈接的事情)

回答

1

我下載了最新的shadowbox並使用上面的代碼,它工作正常。

您確定路徑對shadowbox和圖像都正確嗎?
您是否檢查過控制檯日誌?

在設置它的條款,以便它打開負載他們在其網站上的例子...

編輯: 玩家需要設置爲「IMG」,內容只需要在路徑到圖像。

<script type="text/javascript"> 
Shadowbox.init({ 
    // let's skip the automatic setup because we don't have any 
    // properly configured link elements on the page 
    skipSetup: true 
}); 

window.onload = function() { 

    // open a welcome message as soon as the window loads 
    Shadowbox.open({ 
     content: 'https://www.google.co.nz/images/srpr/logo11w.png', 
     player:  "img", 
     title:  "Welcome", 
     height:  350, 
     width:  350 
    }); 

}; 
</script> 
+0

我會檢查....等一個 –

+0

好的。我更具體的路徑的JavaScript和CSS文件。現在它終於點擊鏈接加載陰影盒.....但 –

+0

我試過在我的HTML頭window.onload功能,它什麼也沒做......什麼都沒有 –