質問: slick.jsを使用してカルーセルの画像を並べたのですが、 スマートフォンで開くと元画像のサイズがPC用の為か、一瞬画像が大きく表示されてしまいます。(すぐスマートフォン用の画面サイズにはなる。) 解決方法ご存知の方いましたら教えてください。 よろしくお願いします。 --- いままで試したのが ・スマートフォン用などで画像サイズを分ける。 → 失敗
回答: コード見てないので推測ですが、HTML側のimgにはwidth・heightを指定していない感じですか? であれば、slick.jsが呼ばれるまでの間に原寸サイズの表示になるのは自然な挙動だと思います。 レイアウトも分からないのでなんとも言えないですが、HTML側のimgに適当なwidth・heightを入れておくとか。 それか、デフォルトではdisplay:none;で非表示にしておいて、slickが読み込まれた後に表示させるとか。