0

Foundation 4 フレームワークを使用しています。インターフェイスにモーダルを表示したい:

 <div id="myModal" class="reveal-modal">
    <h2>Congratulations, you just earnt the</h2>
    <p class="lead">VCA Basic Security Badge</p>
    <img scr="../images/templating.png" />
    <a class="close-reveal-modal">&#215;</a>
  </div>

リンクをクリックするとモーダルが表示されるのですが、問題はモーダル内の画像が表示されないことです。リンク切れアイコンすらありません。

Foundation 4 Reveal コンポーネントでこの問題に詳しい人はいますか?

4

3 に答える 3

0

タイプミスがあります: scr ではなく src である必要があります

于 2013-10-24T04:26:35.903 に答える
0

scr/src のタイプミス以外に、HTML と Foundation 4.3.2 に本質的な問題は見当たりません。私はあなたのコードをこのコードペンにコピーし、あなたが説明したものを再現するためにいくつかのシナリオを作成しました.

モーダルに置き換え<img scr="../images/templating.png" />て画像を表示します。scrをsrc<img src="http://placehold.it/350x150">に変更し、ソースに作業パスを指定したことに注意してください。

壊れた画像のアイコンが表示<img scr="../images/templating.png" />されているものに置き換えます。scrをsrc<img src="../images/templating.png">に変更しましたが、ソースに作業パスを指定していないことに注意してください。

画像なしまたは壊れた画像アイコンが表示されるものに置き換えます.. scr を保持して、作業パスを指定したことに注意<img scr="../images/templating.png" />してください。<img scr="http://placehold.it/350x150">

画像が表示されず、壊れたリンク/画像アイコンが表示されないと述べたので、画像タグまたは画像タグ自体に近い HTML 構文に何か問題があると推測できます。

于 2014-11-09T13:48:16.277 に答える