gpt4 book ai didi

jquery - 如何在页面上有多个 jquery 循环画廊,但只有一个处于事件状态?

转载 作者:行者123 更新时间:2023-12-01 03:28:46 25 4
gpt4 key购买 nike

我想在一个页面上有几个自行车画廊,但一次只有一个处于事件状态,其他则隐藏。理想情况下,单击链接(列表中的缩略图)将激活下一个周期图库。合理?以前有人这样做过吗?希望给点建议,谢谢!

最佳答案

未经测试,但类似这样的东西应该很接近:

$(document).ready(function() {
// initialize and hide both slideshows
$('#gallery1,#gallery2').each(function() {
var $nav = $('<ul class="gallery-nav">').insertBefore(this);
$(this).cycle({
fx: 'slideY',
speed: '1000',
timeout: 6000,
pager: $nav,
pagerAnchorBuilder: function(i) {
return '<li><a href="#">'+(i+1)+'</a></li>';
}
}).cycle('pause').hide();
});

// bind click triggers to show/hide galleries
$('.gallery1,.gallery2').click(function() {
var isOne = $(this).is('.gallery1');
var showId = '#gallery' + isOne ? 1 : 2;
var hideId = '#gallery' + isOne ? 2 : 1;
$(hideId).cycle('pause').hide();
$(showId).show().cycle('resume');
return false;
});
});

关于jquery - 如何在页面上有多个 jquery 循环画廊,但只有一个处于事件状态?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2489319/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com