ダミーimg srcブラウザの警告なし

Question

私は自分のウェブサイトのライトボックスを構築しました。この質問の目的上、img要素で構成されています。img要素は、CSSを使用してデフォルトで隠されています。自分のサイト上のサムネイル画像をクリックすると

、img要素のSRCは、適切なパスにJavaScriptを使用して上書きされ、IMGは、その後可視化されます。

私の質問は、ページが最初に読み込まれたときにimg srcをどのように設定するのですか？ srcを空白のままにすると、ブラウザの警告が表示されます。 これは帯域幅を使用するので、私は実際のイメージをロードしたくないです。 汚れたハックのように感じるので、私は1pxの小さな透明な画像を読み込まないことを好みます。

他にもオプションがありますか？

Answer 1

JavaScriptでimg要素を作成します。

いくつかのJSを実行する前に（不定期プレースホルダのdivまたはスパンを越えて）いくつかのマークアップは、ユーザーのために何も加えていない場合は、その後、最初の場所でのマークアップに入れないでください。必要に応じてDOM操作で追加します。