2010-06-22 67 views
0

我試圖用我的CodeIgniter應用程序使用Lightbox。燈箱說要放在頭標籤下面:使用lightbox和代碼點火器

<script type="text/javascript" src="js/prototype.js"></script> 
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/lightbox.js"></script> 
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" /> 

我已經有一個js文件夾和css文件夾,所以我把我的js和css文件夾中的收藏夾附帶的JS和CSS文件夾。我換了3腳本標籤和鏈接標籤:

<script type="text/javascript" src="js/js/prototype.js"></script> 
<script type="text/javascript" src="js/js/scriptaculous.js?load=effects,builder"></script> 
<script type="text/javascript" src="js/js/lightbox.js"></script> 
<link rel="stylesheet" href="css/css/lightbox.css" type="text/css" media="screen" /> 

(添加/ js和/ CSS)

在視圖文件

<a href="http://www.doublediamondllc.com/uploaded/portfolio/<?php echo $row->Thumb;?>" rel="lightbox"><img name="<?php echo $row->Thumb;?>" src="http://www.doublediamondllc.com/uploaded/portfolio/thumbs/<?php echo $row->Thumb;?>" alt=""></a> 

這顯示縮略圖版本,然後點擊時,我希望它轉到燈箱,但現在它轉到一個新的標籤與大圖像。

我以前使用過燈箱,總是得到它的工作,我不確定現在是什麼問題,我試着將文件移到不同的地方,但沒有任何工作。

在此先感謝!

回答

1

好像.js沒有正確加載。嘗試使用Firebug,看看是否有任何錯誤彈出。或者,檢查頁面源代碼中的鏈接,並確保它們正確指向lightbox js文件。如果您使用的是Firefox,請查看源代碼;指向js文件的鏈接應該顯示爲可點擊的鏈接;點擊它們並確保出現js文件,而不是404或其他錯誤。否則,將鏈接屬性複製並粘貼到瀏覽器中,並檢查.js路徑是否正確。

+0

所有這些環節的工作......我得到的唯一錯誤是 首\t element.dispatchEvent不是一個函數 這恐怕是與下載來的文件中。 – Bill 2010-06-23 16:14:32

+0

你在同一頁面上使用jQuery嗎?如果是這樣,你需要將jQuery設置爲'noConflict',否則它將覆蓋原型'$'功能。 – stormdrain 2010-06-23 17:00:26

+0

是的......這是問題所在。謝謝! – Bill 2010-06-23 21:28:52