2009-08-14 148 views
2

我有一個XHTML 1.0嚴格的文檔,我試圖讓Shadowbox工作。Shadowbox似乎沒有工作

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> 
    <head> 
    <meta name="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Test page</title> 
    <link rel="stylesheet" type="text/css" href="shadowbox.css" /> 
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script> 
    <script type="text/javascript" src="shadowbox.js"></script> 
    <script type="text/javascript"> 
     Shadowbox.init(); 
     console.log('Howdy there!'); // displays, so no JS error in Shadowbox.init 
    </script> 
    </head> 
    <body> 
    <p> 
     <a href="image.jpg" title="Howdy" rel="shadowbox"> 
     <img src="image.jpg" alt="Click to zoom." /> 
     </a> 
    </p> 
    </body> 
</html> 

根據我的Firefox擴展,本文檔完全有效。

由於某種原因,Shadowbox似乎做沒有什麼。當我點擊圖片鏈接時,瀏覽器就像往常一樣打開圖片。根本沒有盒子。

我試過不加載JQuery,只加載Shadowbox,但沒有幫助,所以它也不是JQuery的錯。順便說一句,這是Shadowbox 3.0b。有任何想法嗎?

編輯:我只是想... Shadowbox做了一些內部的魔法來找出它的路徑。但是,此頁面完全是靜態的,並可直接從磁盤上的文件加載。這可能是問題嗎?查看DOM,我發現Shadowbox.path已正確設置爲「file:/// C:/ ...」,所以可能不是?

回答

1

因爲showbox會將其他腳本添加到頁面中,所以需要(nebo必須)將showbox.zip中的所有目錄放在文件showbox.js的目錄中。

+0

啊,非常感謝!我從來沒有真正得到那部分。很棒! – 2009-08-14 11:43:42