dポイントプレゼントキャンペーン実施中！

-css- ページオープン時やリロード時の表示崩れの回避方法

解決済

  • 質問者：hirore
  • 質問日時：
  • 回答数：2件

現在構築中のサイトでカルーセルを使って画像リストをamazon風に表示させるページを作っています。
http://sorgalla.com/projects/jcarousel/examples/ …

ただページオープン時やリロード時に一瞬リスト形式に縦に画像が並んで見えてしまいます。
わりと長いリストを載せる予定なんですが、一瞬でもやっぱり不恰好です。
この<div>内のみスタイルシートも完全に読み込むまで表示させないなど、
何か回避する方法はありませんでしょうか？

ちなみに<body>～</body>を完全に読み込むまで表示させない方法はあるのですが、
これだとページ内のflash（プレローダー付）も完全に読みこむまで表示しないので、それでは反応が遅すぎるのです。

通報する

この質問への回答は締め切られました。

質問の本文を隠す

A 回答 (2件)

No.2ベストアンサー

  • 回答者： yyr446
  • 回答日時：

＜＜<body style="visibility:hidden" onLoad="document.body.style.visibility='visible'">～</body>でできるようなことを、<div>～</div>内だけで装備するのって無理ですかね？＞＞


って、ご自身でもう解決策に気づかれているじゃないですか。
お使いのjQueryにもjCarouselにもその機能ありますよ。
jCarouselのitemLoadCallbackオプションにitemロード時のコールバック
ファンクションが登録できるみたいですよ。
試してみては
http://sorgalla.com/projects/jcarousel/
    • good
    • 0
    • 件
通報する
この回答へのお礼

なるほど、すっかり読み飛ばしていました。
じっくり研究してみます！
ありがとうございました！

通報する
お礼日時：2009/10/06 11:48

No.1

ソレは無理でしょう。


初めてアクセスする人も居るのだから、キャッシュコントロールでの実装は現実的でも無いのだし。
    • good
    • 0
    • 件
通報する
この回答へのお礼

ありがとうございます。
<body style="visibility:hidden" onLoad="document.body.style.visibility='visible'">～</body>でできるようなことを、<div>～</div>内だけで装備するのって無理ですかね？

通報する
お礼日時：2009/10/01 02:45

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう！

Q質問する（無料）

ページトップページトップ

Q質問する（無料）

デイリーランキングこのカテゴリの人気デイリーQ&Aランキング

マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング

おすすめ情報