このサイトでは、サイトが開いているときにいくつかのものをフェード/アニメーション化したいと考えています: http://www.coaching-starnberg.de/neu
そうするために、私はこのスニペットを使用しています:
$(document).ready(function() {
$('img.start').each(function(index) {
if (index == 0) { index = 1; index+=1;}
$(this).animate({opacity: "0.0"}).delay(600*index).animate({opacity: "100.0"}, 9999);
index+=1;
});
要素の HTML 状態は可視に設定され、JavaScript によって非表示になります。ケースのすべてを表示したかったので、これを使用しました。ブラウザーで JavaScript が無効になっています。
JavaScript が要素を非表示にするまでの時間がかなり長いことに気付きました。つまり、すべてが一瞬で表示されてから、非表示になり、フェードインするのがわかります。
コンテンツが最初に表示されないように、このタイム ギャップを縮小するにはどうすればよいですか? `
君たちありがとう!