ページがリロードされた時にjQueryの動きを入れている箇所がガタつく防止策

以下のスライドショーが、問題のがたつく箇所です。
リロードをしてみてください。
Windowsなら、F5キー、MacならCommand + Rです。

お分かりの通り、初期表示時にスライドショーの3枚の画像が全て表示された後、1秒後くらいに正しい、1枚ずつのスライドショーとなって現れます。
この初期表示の3枚が見えないようにしなければ、きれいなWebサイトとはいえません。

対処法1:スライドショー部分の読み込みを、人為的に遅らせる。

Javascript

CSS

以上の解決策を入れたコードを表示してみましょう。

  • 猫1
  • 猫2

どうでしょうか。
解決できているかと思います。

以上、それではまた!