我创建了一个 jQuery 滑块。我只想在第一个和最后一个缩略图外观上显示/隐藏左右箭头,还想为背景图像淡入/淡出方法设置动画。这是演示链接http://jsfiddle.net/NwmLL/8/请帮助我。
问问题
724 次
1 回答
0
为了处理您的箭头更改,我添加了一个简单的函数来检查 liSelect 是第一个选项还是最后一个选项,并分别更改隐藏/显示。
function checkArrows() {
if($('ul#carousel>li:last').is('.liSelect')) {
$(".rightArrow").fadeOut('slow');
}
else {
$(".rightArrow").fadeIn('slow');
}
if($('ul#carousel>li:first').is('.liSelect')) {
$(".leftArrow").fadeOut('slow');
}
else {
$(".leftArrow").fadeIn('slow');
}
}
此外,为了使您能够淡入淡出背景,您需要确保它不会隐藏您的前层(即您的轮播),因此我在下面添加了另一个 div 作为示例。
希望这可以帮助 :)
于 2012-07-25T10:25:16.623 回答