2012-12-16 56 views
0

我想这个事情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 enter image description here

+1

链接到您的页面,以便我们可以在开发人员工具中“检查”并找到问题。 –

+0

我真的很抱歉,我现在无法做到。但是,我可以确保你,Firebug在这里不显示任何类型的错误。 –

+0

你能看到任何图像或JS?因为你的.htaccess似乎不允许这样做。 – Shomz

回答

0

在加载任何lightbox元素之前,您正在调用该函数,因此基本上没有任何元素会将事件侦听器绑定。

要解决这个问题,可以使用$(document).ready()函数,或者在DOM中加载所有lightbox锚点后,将当前函数加载到文件末尾。

+0

我尽你所能,但它仍然不起作用。你可以检查链接。 –

+0

它对我来说看起来还是一样的......带有这个功能的函数:''('a.lightbox')。lightBox({...'需要在设置了lightbox的锚后调用。 – Shomz