- 締切済み
-css- ページオープン時やリロード時の表示崩れの回避方法
現在構築中のサイトでカルーセルを使って画像リストをamazon風に表示させるページを作っています。 http://sorgalla.com/projects/jcarousel/examples/static_simple.html ただページオープン時やリロード時に一瞬リスト形式に縦に画像が並んで見えてしまいます。 わりと長いリストを載せる予定なんですが、一瞬でもやっぱり不恰好です。 この<div>内のみスタイルシートも完全に読み込むまで表示させないなど、 何か回避する方法はありませんでしょうか？ ちなみに<body>～</body>を完全に読み込むまで表示させない方法はあるのですが、 これだとページ内のflash（プレローダー付）も完全に読みこむまで表示しないので、それでは反応が遅すぎるのです。
- みんなの回答 （2）
- 専門家の回答
みんなの回答
- yyr446
- ベストアンサー率65% (870/1330)
＜＜<body style="visibility:hidden" onLoad="document.body.style.visibility='visible'">～</body>でできるようなことを、<div>～</div>内だけで装備するのって無理ですかね？＞＞ って、ご自身でもう解決策に気づかれているじゃないですか。 お使いのjQueryにもjCarouselにもその機能ありますよ。 jCarouselのitemLoadCallbackオプションにitemロード時のコールバック ファンクションが登録できるみたいですよ。 試してみては http://sorgalla.com/projects/jcarousel/
ソレは無理でしょう。 初めてアクセスする人も居るのだから、キャッシュコントロールでの実装は現実的でも無いのだし。
お礼
ありがとうございます。 <body style="visibility:hidden" onLoad="document.body.style.visibility='visible'">～</body>でできるようなことを、<div>～</div>内だけで装備するのって無理ですかね？
お礼
なるほど、すっかり読み飛ばしていました。 じっくり研究してみます！ ありがとうございました！