如何製作「假」卡羅素js

Question

這是我的問題。也許我沒有找到好邏輯，這就是我來這裏的原因。

所以，我想製作一個「假卡羅素」。

<ul> 
    <li> 
    <img src="" /> 
    <img src="" /> 
    </li> 
    <li> 
    <img src="" /> 
    <img src="" /> 
    </li> 
</ul> 

問題是：如何使第一個li fadeOut然後淡入第二個li無限時間！我找不到好的邏輯:(...

Answer 1

所以你可以做這樣的事情：

ul li:first-child { display: block; } 
ul li:last-child { display: none; } 
ul.alt li:first-child { display: none; } 
ul.alt li:last-child { display: block; } 

然後在JS

setInterval(function(){ 
    $('ul').toggleClass('alt'); 
}, 300); 

Answer 2

所以，你要表現出李＃1設定的時間量，則顯示李＃2的時間無限量？

如果是這樣，嘗試這樣的事情：

ul = $('ul'); 
ul.children('li').hide(); 
ul.children('li:eq(0)').show(); 

setTimeout(function(){ 
    ul.children('li:eq(0)').hide(); 
    ul.children('li:eq(1)').show(); 
},2000);