jQuery幻燈片不會淡入和淡出

-1

我的滑塊不會因爲我刪除而淡入.end()因爲這給我幻燈片中的一些問題，但我怎樣才能使它淡入和淡出。它在我做的小提琴中工作，但不在我的網站上。 http://jsfiddle.net/HUkBp/2/jQuery幻燈片不會淡入和淡出

我的代碼：

<div id="slideshow"> 
    <div> 
    <img src="imgs/supp1.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp2.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp3.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp4.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp5.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp6.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp8.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp9.jpg"> 
    </div> 
    <div> 
    <img src="imgs/supp10.jpg"> 
    </div> 
</div>

CSS：

#slideshow { 
    margin: 50px auto; 
    position: relative; 
} 

#slideshow > div { 
    position: absolute; 
}

的jQuery：

$("#slideshow > div:gt(0)").hide(); 

setInterval(function() { 
    $('#slideshow > div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .appendTo('#slideshow'); 
}, 3000);

來源

2014-06-25 J.Dekkers

您是否在'setInterval（...）'中嘗試了'.end（）'？ – Rofez

它固定滑塊後退，但現在滑塊不會褪色，他們只是出現，但它的東西哈哈感謝那已經：D –

[此JSFiddle]（http://jsfiddle.net/HUkBp/4/）可能會幫助你。試試它是你網站上的js。我只是將你的'setInterval（...）'分成兩部分，刪除'.next（）'。我希望它能幫助你。 – Rofez

，因爲你需要的第一張幻燈片移動到幻燈片的最後，您應該不刪除.end() 。沒有.end()第二個將被移動。所以你有正確的代碼：

setInterval(function() { 
    $('#slideshow > div:first') 
    .fadeOut(1000) 
    .next() 
    .fadeIn(1000) 
    .end() 
    .appendTo('#slideshow'); 
}, 3000);

你能給一個鏈接到你的網站，它不工作？

來源

2014-06-25 09:09:43 user3773708

jQuery幻燈片不會淡入和淡出

回答

相關問題