0

我创建了一个 jQuery 滑块。我只想在第一个和最后一个缩略图外观上显示/隐藏左右箭头,还想为背景图像淡入/淡出方法设置动画。这是演示链接http://jsfiddle.net/NwmLL/8/请帮助我。

4

1 回答 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 回答