Jquery 将Lighbox图像转换为幻灯片
我正在创建一个网站。在这个网站上,我使用多年来使用的Lightbox脚本。它简单,加载速度快,我从来没有抱怨过。现在,这个客户端需要一些东西,你点击图像,较大的图像弹出在灯箱中,你需要能够循环左右 有什么我可以添加到lightbox脚本,使这个循环通过下一个大图像 您可以在此处看到Lightbox脚本:-例如,您可以添加“下一个”和“上一个”链接,并模拟单击下一个/上一个图像:Jquery 将Lighbox图像转换为幻灯片,jquery,image,lightbox,Jquery,Image,Lightbox,我正在创建一个网站。在这个网站上,我使用多年来使用的Lightbox脚本。它简单,加载速度快,我从来没有抱怨过。现在,这个客户端需要一些东西,你点击图像,较大的图像弹出在灯箱中,你需要能够循环左右 有什么我可以添加到lightbox脚本,使这个循环通过下一个大图像 您可以在此处看到Lightbox脚本:-例如,您可以添加“下一个”和“上一个”链接,并模拟单击下一个/上一个图像: <ul> <li><a href="#" class="lightbox">
<ul>
<li><a href="#" class="lightbox">Photo 1</a></li>
<li><a href="#" class="lightbox">Photo 2</a></li>
<li><a href="#" class="lightbox">Photo 3</a></li>
<li><a href="#" class="lightbox">Photo 4</a></li>
</ul>
<div id="menu" style="display:none;">
<a href="#" id="prev">« Prev</a>
<a href="#" id="next">Next »</a>
</div>
$('.lightbox').click(function(){
$('.lightbox').removeClass("active");
$(this).addClass("active");
$('#menu').show();
});
$('#next').click(function(){
var img_index = $('.lightbox.active').index('.lightbox')+1;
if($('.lightbox:eq('+img_index+')').size()==0) $('.lightbox:first').click();
else $('.lightbox:eq('+img_index+')').click();
});
$('#prev').click(function(){
var img_index = $('.lightbox.active').index('.lightbox')-1;
if(img_index<0) $('.lightbox:last').click();
else $('.lightbox:eq('+img_index+')').click();
});
$('.lightbox')。单击(函数(){
$('.lightbox').removeClass(“活动”);
$(此).addClass(“活动”);
$(“#菜单”).show();
});
$(“#下一步”)。单击(函数(){
var img_index=$('.lightbox.active')。index('.lightbox')+1;
如果($('.lightbox:eq('+img_index+')).size()==0)$('.lightbox:first')。单击();
else$('.lightbox:eq('+img_index+'))。单击();
});
$('#prev')。单击(函数(){
var img_index=$('.lightbox.active')。index('.lightbox')-1;
if(img_)索引