これは私が現在行っている方法です:
function switchcontent(wait){
//fade out image1
$('#feature-img img:first-child, ').delay(wait).fadeOut('slow', function() {
//fade in imag2
$('#feature-img img:nth-child(2)').fadeIn('slow');
var prev_img = ($(this).clone())
$('#feature-img').append(prev_img);
$(this).remove()
switchcontent(wait);
});
};
特に子要素の別の要素にも適用したいので、この解決策にはあまり満足していません。
現在の HTML:
<div class="images span7">
<img src="featured_1.png">
<img src="featured_2.png">
</div>
以下にも当てはまるものを希望します。
<div class="feature-text">
<div>
<h1>Lugn i din eknonomi</h1>
<p>Zenconomy är smart fakturering, redovisning och rapportering på nätet. Vi underlättar vardagen för företagare, redovisningsbyråer och programmerare.</p>
</div>
<div>
<h1>GRAPH</h1>
<p>GRAPH OF APPROVAL!</p>
</div>
</div>
または、その中に子を含む他の要素:)