JQuery逐渐淡出淡出

Question

目前我使用的编辑器是Adobe Dreamweaver.在我的编辑器中,以下语句在试用期间起作用,但是在我的浏览器中,例如Safari,Mozilla和Chrome,我的淡入和淡出根本不起作用.我希望他们不断淡出然后淡入,但图像仍然可见.任何煽动为什么这发生在我身上？

$(document).ready(function(){
    var x=0;
    while(x==0 ){
        $("#Imag1").fadeOut(3000);
    $("#Imag2").fadeOut(8000);
        $("#Imag3").fadeOut(6000); 
        x++;

    if(x==1){
        $("#Imag1").fadeIn(2000);
            $("#Imag2").fadeIn(5000);
            $("#Imag3").fadeIn(9000);
        x--;
        } 
    }
});

Answer 1

这是我的小提琴http://jsfiddle.net/m7HcT/1/ 它创建了一个可重用的方法,让你调用你想要闪现的任何元素.

HTML:

<div class='block' id='Imag1'></div>
<div class='block' id='Imag2'></div>
<div class='block' id='Imag3'></div>

jQuery的:

fadeloop('#Imag1',1500,1200,true);
fadeloop('#Imag2',100,200,true);
fadeloop('#Imag3',3000,7000,true);

//The element is cached inside the function so we don't make 
//Multiple DOM calls on elements we have already found.
//Each Interval is completely independant

function fadeloop(el,timeout,timein,loop){
    var $el = $(el),intId,fn = function(){
         $el.fadeOut(timeout).fadeIn(timein);
    };
    fn();
    if(loop){
        intId = setInterval(fn,timeout+timein+100);
        return intId;
    }
    return false;
}