javascript - 图像轮播，每张图像都有自己的可点击画廊

Question

我一直在尝试制作一个图片轮播，每张照片上都有一个可点击的图片库。图像进入轮播，如果我单击一个，它会打开一个图像库，这些图像是它自己的(不同的)。试过模式，但无法让它们工作。许多不同的轮播、幻灯片，但找不到要做什么

Answer 1

创建轮播和模式

下面的脚本用箭头 mprev(上一个)和 mnext(下一个)更改模型中的 img

$(document).ready(function(){
 $('.modal ').hide();


 $('.carousel > img').click(function(){
  var im=$(this).attr('src');
 $('.modal').css('display','block');
 $('.modal > img').attr('src',im);

   });
 $('.mprev').click(function(){
    var i= $('.modal > img').attr('src');
    var p= $('img[src='+i+']');
    var im=p.parent().previous().child('img');
    im=im.attr('src');
    $('.modal > img').attr('src',im);
 });
 $('.mnext').click(function(){
    var i= $('.modal > img').attr('src');
    var p= $('img[src='+i+']');
    var im=p.parent().next().child('img');
    im=im.attr('src');
    $('.modal > img').attr('src',im);
 });
});

注意:我不熟悉 bootstrap，所以使用上面提到的新类或者用 bootstrap 类替换选择器