東京ウェブデザへろへろ日記

ホームページ制作、ホームページデザイン
ビジネス専用
バー
ライン

東京ウェブデザへろへろ日記

スライダーで画像が一瞬、タテに並ぶ問題。
|2014年5月15日 21:43| コメント(0)
きのう、導入したjQueryのbxSlider。とてもいいのだが、問題があるのを発見した。スライダーの画像がロードされて、動き出すまでの少しの間、画像がタテに複数枚、並んでしまう。これは、一瞬とはいえ、カッコ悪い。タテにサイトが広がってしまう。なんとか修正する方法を探った。

ネットでいろいろ検索して、対策をやってみたが、あまりうまくいかない。検索してみると多くの記事が出てくるので、この問題で悩んでいる人は多いようだ。いろいろやってもダメだったので、しかたなく、HTMLでスライダーの記述を入れるところに、直接画像の高さとオーバーフロー:ヒドゥン、マージンボトムを自分の使っている画像1枚分の大きさで、書いた。これで、いちおう1枚分だけの高さになるので、余計な画像は表示されない。

ただ、なんとなくスマートじゃないので引っかかるが。
高さを入れる


次の記事 → レスポンシブ・デザインを研究中。
前の記事 ← サイトをマイナーチェンジした。

コメントする
名前

電子メール

URL

ログイン情報を記憶


ウェブデザイナー
最近のエントリー
アーカイブ
Copyright (c) 1999-2010 Wasshoi,Ltd., Tokyo Japan, All Rights Reserved.