遅延読み込みさせるimgタグにwidth属性とheight属性を指定しても効かない

Question

前提・実現したいこと

lazy loadを指定している画像のimgタグ内に、width属性とheight属性を指定し、レイアウトが崩れないように画像の場所を確保したい。

発生している問題・エラーメッセージ

全く画像の場所を確保してくれていない。。

該当のソースコード

<img class="lazyload" height="100" width="100" data-original=……>

※皆様すみません！スマホから投稿したので、ダブルコーテーションが変になっておりました。正確に直しました^^;

試したこと

色々文献を漁ったけれど、欲しい情報が得られず...。

Answer 1

引用符がおかしいように見えます。半角の"あるいは'を使ってみたらどうなりますでしょうか。

Comments

[退会済みユーザー]

回答有難うございます。
すみません、正しいソースコードに修正致しました。
'は試していないので、やっていましたがダメでした…。

[maisumakun]

img class="lazy"になにかスタイルを当てていたりはしませんか？

[退会済みユーザー]

こちらも何も当てていないです…。

Answer 2

そのままコピペしたのだとすれば、“ ” が全角です。
そうでないとしても、同様に全角引用符や全角空白が混じっている可能性が高いです。

Comments

[退会済みユーザー]

回答ありがとうございます。
すみません、正しいソースコード修正致しました。
「スペース」も「"」も問題ないです…。

[kei344]

他の要素やスタイルが影響を与えている可能性もあるので、コード全体（HTML/CSS）を提示するほうが解決しやすいと思います。