Question

我正在尝试使用next / prev按钮制作背景滑块。一切似乎都在工作到今天。我今天做了一些改变，发生了一些奇怪的事情。

现在下一张图像不会淡入。当前图像淡出为背景色，然后出现下一张图像。没有效果。但它上面的文字似乎有效。当前文本淡出，下一个文本没有任何问题。

我将它重置为昨天的状态。但问题仍然存在。

JS：

    $(function () {
    var count = $("#slider > spanslide").length;
    var slider = 1;
    var speed=7000;
    var fadeSpeed = 1500;
    var loop ;
    start();
    $("#1").fadeIn(fadeSpeed);
    $('.right').click(right);
    $('.left').click(left);
    function start(){
        loop = setInterval(next, speed);
    }
    function right() {
        $("spanslide").stop(1,0);
        next();
        clearInterval(loop);
        start();
        return false;
    }
    function left() {
        $("spanslide").stop(1,0);
        prev();
        clearInterval(loop);
        start();
        return false;
    }
    function prev() {
        slider--;
        if (slider < 1) {
            slider = count;
        }
        $("#slider > spanslide").fadeOut(fadeSpeed);
        $("#" + slider).fadeIn(fadeSpeed);
    }
    function next() {
        slider++;
        if (slider > count) {
            slider = 1;
        }
        $("#slider > spanslide").fadeOut(fadeSpeed);
        $("#slider > #" + slider).fadeIn(fadeSpeed);
    }
    }
    );

JSFIDDLE：http://jsfiddle.net/nt8ew1h9/2/

Answer 1

行。明白了。

已添加

position: fixed;

成像css ...

下一张图像不会淡入。之前的图像淡出，下一张图像刚刚出现

1 个答案: