следующее изображение не затухает. Предыдущие изображения исчезают, а затем один появляется

Question

Я пытаюсь сделать фоновый слайдер со следующей/предыдущей кнопкой. Кажется, все работает до сегодняшнего дня. Сегодня я сделал некоторые изменения, и произошли некоторые странные вещи.

Теперь следующее изображение не будет исчезать. Текущее изображение исчезает до цвета фона, а затем появляется следующее изображение. Нет эффекта. Но текст на нем, похоже, работает. Текущий текст исчезает, и следующий текст исчезает без проблем.

Я возвращаю его к состоянию вчерашнего дня. Но проблема все еще сохраняется.

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

OK. Понял.

Добавлено

position: fixed; 

для CSS изображения ...