0
我有彈出的普通jQuery畫廊。並停留在製作循環。我認爲在到達最後的形象後必須回到第一個,但是怎麼樣? https://codepen.io/Slava91/pen/pwBrLP?editors=0000如何在庫jQuery中進行循環?
$(document).ready(function(){
$("#thumbnail li a").click(function(){
$('#thumbnail a').removeClass('active');
$(this).addClass(' active');
$("#large img").attr({
"src": $(this).attr("href"),
"title": $("> img", this).attr("title")});
$("#large h2").html($("> img", this).attr("title"));
return false;
});
//close button//
$('.close').click(function(){
$('.modal-window').css('display', 'none');
})
//popup window after click on big img//
$('#large img').click(function(){
$('.modal-window').css('display', 'block');
$('.modal-content').attr({
'src':$(this).attr('src')})
})
//navigation in popup window//
$('.next').on('click', (function(){
var currentActive = $('a.active').removeClass('active')
.parent().next().find('a').addClass('active');
$('.modal-content').attr('src', currentActive.attr('href'));
}))
$('.prev').click(function(){
var currentActive2 = $('a.active').removeClass('active')
.parent().prev().find('a').addClass('active');
$('.modal-content').attr('src', currentActive2.attr('href'));
})
});