エントリーの編集
エントリーの編集は全ユーザーに共通の機能です。
必ずガイドラインを一読の上ご利用ください。
JSスライドショーの画像が一瞬縦に並んで表示される問題 - aNote
記事へのコメント0件
- 注目コメント
- 新着コメント
このエントリーにコメントしてみましょう。
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
- バナー広告なし
- ミュート機能あり
- ダークモード搭載
関連記事
JSスライドショーの画像が一瞬縦に並んで表示される問題 - aNote
この件、たまに相談受けます。具体的にどんな現象かというと、スライダーの画像が例えば3枚あったとした... この件、たまに相談受けます。具体的にどんな現象かというと、スライダーの画像が例えば3枚あったとしたら、まずその3枚全部が上から順番に縦に表示されて、 ■画像全てが縦に並んで表示される しばらく時間が経つと正常にスライドが始まる〜という感じです。 ■スライドされてる こうなってしまう原因はほとんどの人の想像通り「読み込み」の問題です。 スライドの画像部分のHTMLは大体以下の感じです。 [crayon] [/crayon] このソースコードは特別CSSでレイアウトを指定していない限りは縦にずらっと並んで表示されます。 HTML/CSSが読み込まれて画像が縦にずらっと表示されるJavaScriptが読み込まれて制御されたCSSが反映されるJavaSciprtで意図されたCSSに応じたレイアウトが表示される (3)に至るまでの間、つまりJavaScriptが読み込まれるまでの間は環境による時間の