燈箱插件codeigniter

我想這個事情2天，但我不明白這裏的錯誤。我嘗試在我的codeigniter項目中使用lightbox插件，但它沒有顯示預期的結果，而是也沒有顯示任何錯誤。燈箱插件codeigniter

這之間，我有我需要的文件：

<link href="<?php echo base_url(); ?>assets/css/core.css" media="screen" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>assets/css/jquery.lightbox-0.5.css" media="screen" /> 
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.js"></script> 
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery-1.3.2.min.js"></script> 
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/manual_change.js"></script> 
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/pre_change.js"></script> 
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/core.js"></script> 
<script type="text/javascript" src="<?php echo base_url(); ?>assets/js/jquery.lightbox-0.5.js"></script>

我還包括收藏夾功能：我已經使用HTML格式的圖像像下面

$(function() { 
$('a.lightbox').lightBox({ 
    'imageLoading': "<?php echo base_url(); ?>assets/img/lightbox-ico-loading.gif", 
    'imageBtnClose': "<?php echo base_url(); ?>assets/img/lightbox-btn-close.gif", 
    'imageBtnPrev': "<?php echo base_url(); ?>assets/img/lightbox-btn-prev.gif", 
    'imageBtnNext': "<?php echo base_url(); ?>assets/img/lightbox-btn-next.gif", 
    'imageBlank': "<?php echo base_url(); ?>assets/img/lightbox-blank.gif" 
    }); // Select all links with lightbox class 
});

：

<a href="<?php echo base_url(); ?>assets/img/products/Acer_AX1400.jpg" class="lightbox"><img src="<?php echo base_url(); ?>assets/img/products/Acer_AX1400.jpg" alt="" /></a>

.htaccess文件是：

RewriteEngine on 
RewriteCond $1 !^(index\.php|images|jquery\.js\robots\.txt) 
RewriteRule ^(.*)$ /index.php/$1 [L]

我的文件的位置是正確的：
所有圖像顯示在：
資產/ IMG公司/產品/
所有圖像額外的收藏是：
資產/ IMG/
所有的JavaScript是：
資產/ JS/
所有的CSS是：
資產/ CSS/

頁面鏈接起先是：本地主機/店/ enter image description here
頁面點擊圖片後：本地主機/店/資產/ IMG公司/產品/ Acer_AX1400.jpg

來源

2012-12-16 Mustakimur Rahman

鏈接到您的頁面，以便我們可以在開發人員工具中「檢查」並找到問題。 –

我真的很抱歉，我現在無法做到。但是，我可以確保你，Firebug在這裏不顯示任何類型的錯誤。 –

你能看到任何圖像或JS？因爲你的.htaccess似乎不允許這樣做。 – Shomz

在加載任何lightbox元素之前，您正在調用該函數，因此基本上沒有任何元素會將事件偵聽器綁定。

要解決這個問題，可以使用$(document).ready()函數，或者在DOM中加載所有lightbox錨點後，將當前函數加載到文件末尾。

來源

2012-12-18 00:49:22 Shomz

我盡你所能，但它仍然不起作用。你可以檢查鏈接。 –

它對我來說看起來還是一樣的......帶有這個功能的函數：''（'a.lightbox'）。lightBox（{...'需要在設置了lightbox的錨後調用。 – Shomz

燈箱插件codeigniter

回答

相關問題