Question

我正在尝试将灯箱附加到现场画廊。画廊具有这样的结构，其中class =“ flex-active-slide”的变化取决于当前的主要照片。 enter image description here

通过jquery，我插入了标签img周围的标签，并添加了属性rel =“ lightbox”来标记允许显示的灯箱效果。 enter image description here

此脚本适用于六个img。如何针对未知照片/标签img提前归纳解决方案？我很高兴该脚本可以正常工作，但是我感到困惑的是，为什么它会生成一个额外的标签a，但不添加href和rel。也许您知道它的来源？ enter image description here

var znacznik1 = $('.slides');
znacznik1.children().attr('class', 'myLi')

var znacznik2 = $(".myLi");
znacznik2.children().attr('class', 'image');
var i = 0;
$('.image').each(function(){
if(i<6){
i++;
}
else{
i=1;
}

$(this).attr('id','myImg' + i);

var img = document.getElementById("myImg" + 
i);
var tohref = img.getAttribute("src");

$('#myImg' + i).wrap('<a id="lightboxxx' + i 
+ '"></a>');
var lightbox = $('#lightboxxx' + i); 
lightbox.attr('href', tohref.toString());
lightbox.attr('rel', 'lightbox');
});

Answer 1

第一个问题：我添加了

var count = ($(".slides").children().length)/2;

将6更改为计数

将灯箱附加到现有的图库jQuery

1 个答案: