Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 将Lighbox图像转换为幻灯片_Jquery_Image_Lightbox - Fatal编程技术网

Jquery 将Lighbox图像转换为幻灯片

Jquery 将Lighbox图像转换为幻灯片,jquery,image,lightbox,Jquery,Image,Lightbox,我正在创建一个网站。在这个网站上,我使用多年来使用的Lightbox脚本。它简单,加载速度快,我从来没有抱怨过。现在,这个客户端需要一些东西,你点击图像,较大的图像弹出在灯箱中,你需要能够循环左右 有什么我可以添加到lightbox脚本,使这个循环通过下一个大图像 您可以在此处看到Lightbox脚本:-例如,您可以添加“下一个”和“上一个”链接,并模拟单击下一个/上一个图像: <ul> <li><a href="#" class="lightbox">

我正在创建一个网站。在这个网站上,我使用多年来使用的Lightbox脚本。它简单,加载速度快,我从来没有抱怨过。现在,这个客户端需要一些东西,你点击图像,较大的图像弹出在灯箱中,你需要能够循环左右

有什么我可以添加到lightbox脚本,使这个循环通过下一个大图像

您可以在此处看到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">&laquo; Prev</a>
  <a href="#" id="next">Next &raquo;</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_)索引