2009-10-22 36 views
2

我最近遇到了一個很漂亮的盒子,位於here,我完全按照說明書中的每一步操作,但它不起作用,任何人都知道可能是什麼問題?Fancy Box does not work please please

這裏是我的網頁源代碼的樣例:

包含的鏈接腳本,需要和CSS:

<script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery-1.3.2.min.js" type="text/javascript"></script> 
    <script src="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox-1.2.1.js" type="text/javascript"></script> 
    <link href="jquery.fancybox-1.2.1/jquery.fancybox/jquery.fancybox.css" rel="stylesheet" 
     type="text/css" /> 
    <link href="css/main.css" rel="stylesheet" type="text/css" /> 

那麼這應該只是工作:

<a id="single_image" href="images/279641.jpg"><img src="images/279641.jpg" /></a> 

但似乎沒有做任何事情,除非在新窗口中打開圖像。

任何建議,並在此先感謝。

回答

4

你忘了「使用jQuery選擇消防插件」

+0

你是對的,我很習慣看到 - Firefox和插件,我的大腦簡單地忽略了這一點.... - 他們應該改寫這個.... – 2009-10-22 20:40:08

0

嘗試包括這一個實現步驟4(現步驟5)從手動,:

$(document).ready(function() { 
$("a#single_image").fancybox({ 
'titleShow' : false 
}); 
}); 
0

嘗試看看另一個JavaScript/jquery插件,你已經在你的html頁面中實現。導致一些jquery插件與fancybox有衝突。這個對我有用。