Question

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

Answer 1

为了处理您的箭头更改，我添加了一个简单的函数来检查liSelect是第一个还是最后一个选项并分别更改hide / show。

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作为例子。

Fiddle

希望这会有所帮助：）

在jQuery滑块的背景图像上添加fadeout fadein

1 个答案: