人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

JQuery Slider Proの画像ロード時の重なりをどうにかしたい

こちらのサイトを参考にしながらSlider Proの設置をしようとしています。
https://masamitsu.biz/slider-pro/

画像のサイズが大きいのか、リロードすると画像が全部重なりなおかつスライドを入れてるdivの高さが無い状態が見えてしまいます。

divの高さが無くなることに関してはスライドを入れてるdivにheightを設定してみました。しかし、そうするとレスポンシブ設定してるので、画面を狭くすると下余白が大きく取られてしまいます。
heightを消してoverflow:hiddenを入れれば重なってる瞬間はあまり見えなくなりますが、ロードが終わった瞬間divが伸びてかっこいいとはいえないです。

画像を読み込む前に高さを先に取得・画像にはロード中gifを表示なんて出来ないでしょうか?
jqueryは全く触れないですけど、よろしくお願いします。

●質問者: 匿名質問者
●カテゴリ:ウェブ制作
○ 状態 :キャンセル
└ 回答数 : 0/0件

回答がありません
関連質問

●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ