我正在尝试这个东西 2 天,但我不明白这里的错误是什么。我尝试在我的 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>
我还包括灯箱的功能:
$(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
});
我在 html 中使用了图像,如下所示:
<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]
我的文件位置是正确的:
所有要显示的图像都在:
assets/img/products/
灯箱的所有附加图像都在:
assets/img/
所有 Javascript 都在:
assets/js/
所有 CSS 都在:
assets/css/
页面链接一开始是:localhost/shop/
点击图片后的页面是:localhost/shop/assets/img/products/Acer_AX1400.jpg