jquery スライドは非常にうまく機能しますが、ページ内で複数回使用できるようにする必要があります。
- 同じページで 2 つのスライドを使用するにはどうすればよいですか?
- 要素が 6 つしかない場合、次へボタンと前へボタンを削除するにはどうすればよいですか? 下のように？
if ($('.wrap').length <= 1) { return; }
worksGallery: function () { $('ul.og-grid > li').each(function (i) { if (i % 6 == 0) { $(this).nextAll().andSelf().slice (0, 6).wrapAll('
'); } });
$('ul.og-grid .wrap:gt(0)').removeClass('fadeIn').addClass('fadeout');
updateNav = function () {
$('#eventi .prev').toggle($('.wrap:first').hasClass('fadeout'));
$('#eventi .next').toggle($('.wrap:last').hasClass('fadeout'));
}
$('#eventi .prev').click(function (e) {
e.preventDefault();
var idx = $('.wrap.fadeIn').index() - 1;
$('.wrap.fadeIn').addClass('fadeout').removeClass('fadeIn').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + 660 * idx + "px)").index() - 1;
$('.wrap').eq(idx).addClass('fadeIn').removeClass('fadeout').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + -660 * idx + "px)");
updateNav();
});
$('#eventi .next').click(function (e) {
e.preventDefault();
var idx = $('.wrap.fadeIn').index() + 1;
$('.wrap.fadeIn').addClass('fadeout').removeClass('fadeIn').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + -660 * idx + "px)").index() + 1;
$('.wrap').eq(idx).addClass('fadeIn').removeClass('fadeout').css("transition",1/(idx+1)+"s").css("transform", "translateX(" + -660 * idx + "px)");
updateNav();
});
updateNav();
if ($('.wrap').length <= 1) {
return;
}
},