No.1ベストアンサー
- 回答日時:
具体的な崩れ方が、明記されていないので、
推測するしかないですが、
画像かhtmlかjsか、が読み込み完了するまでは、display:none;で非表示にしておき、
読み込み完了後に、フェードインなどで表示させればきれいに表示されます。
この回答への補足
ありがとうございます。
表示の崩れ方は、最初にページの大体の形が現れて、その後にスライドショーの画像がパラパラアニメのように同じ位置に表示されます。その後CSSで調節した位置にスライドショーの一枚目の画像が表示される、という感じです。
>>読み込み完了するまでは、display:none;で非表示
これはどのようにすればいいのでしょうか?また、スライドショーの画像が表示される場所だけあけておいて、全てが読み込み完了したらスライドショーが始まり、その間はプリロードのgifアニメをそこに出すという風にしたいのですが、可能でしょうか?
よろしくお願い致します。
No.2
- 回答日時:
よくわかりませんが…
そのスクリプトが画像の実サイズ等を必要としないものであるのなら、画像読込みを待たずに実行することで崩れた状態が表示される前に制御可能ではないでしょうか?
具体的には、$(document).ready(function(){~とする代わりに、
HTMLソースの該当部分の直後で直接実行しておくという方法。
あるいは、No1様の方法とほぼ同じですが、初期設定のCSSなどで最終表示と同様の表示となるようにしておき(不要な画像はdisplay:noneなどで非表示にするなど)、スクリプト実行時に合せてスタイルを再定義するというような方法でなんとかなりそうな気がしますが…
この回答への補足
ありがとうございます。
>>$(document).ready(function(){~とする代わりに、
>>HTMLソースの該当部分の直後で直接実行しておくという方法。
これはどうすればいいのでしょうか?javascriptはあまり詳しくないので、すいません…。お手数かけます。m(_ _)m
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・人生のプチ美学を教えてください!!
- ・10秒目をつむったら…
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・【大喜利】【投稿~9/18】 おとぎ話『桃太郎』の知られざるエピソード
- ・街中で見かけて「グッときた人」の思い出
- ・「一気に最後まで読んだ」本、教えて下さい!
- ・幼稚園時代「何組」でしたか?
- ・激凹みから立ち直る方法
- ・1つだけ過去を変えられるとしたら?
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
画像の重なりの順序を代える方...
-
画像をフォルダに入れれば表示...
-
1枚の画像をクリックすると複数...
-
初心者です。クリッカブルマッ...
-
画面の表示位置を指定させて表...
-
クリッカブルマップで切り替え...
-
image.onload = .. の後に imag...
-
画像ランダム表示、しかしダブ...
-
textareaに画像を表示したい
-
画像削除機能を付けたい
-
Nivo Sliderのエフェクトについて
-
javascriptで、一枚の画像を、...
-
【早急】画像入れ替えJavaScrip...
-
画像をフォルダから自動読み込み。
-
p5jsについて
-
MAX関数を使ってからLEFT JOIN...
-
removeEventListenerについて
-
[急ぎ] videoタグで埋め込んだm...
-
MFCで画像を表示させているので...
-
大分類・中分類・小分類
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
textareaに画像を表示したい
-
Gifアニメ、最後のコマに行った...
-
JavaScript スライドの画像にリ...
-
bxsliderにて読み込み後に内容...
-
透過pngの透明部分以外をクリッ...
-
JavaScriptとチェックボックス...
-
クリッカブルマップの一部分だ...
-
innerHTMLで、表示すると、一部...
-
Javascriptで指定した日付と時...
-
画像をフォルダに入れれば表示...
-
1枚の画像をクリックすると複数...
-
WEBページ立ち上げ時に1回のみ...
-
image.onload = .. の後に imag...
-
美人時計風JAVAスクリプトが上...
-
曜日と時間を指定して表示画像...
-
決まった曜日で一定時間だけ表...
-
画面の表示位置を指定させて表...
-
jQuery FlexSliderのカルーセ...
-
特定の画像を非表示にする方法
-
iframe内のリンク文字のマウス...
おすすめ情報