javascript - 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

这是我的 fiddle 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;
}