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:/ ...」,所以可能不是?
啊,非常感謝!我從來沒有真正得到那部分。很棒! – 2009-08-14 11:43:42