圖像未顯示在Foundation Reveal模式

我正在使用Foundation 4框架。我想表明我的界面模式：圖像未顯示在Foundation Reveal模式

<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中此問題的人都會看到組件？

來源

2013-10-06 Toontje

你有一個錯字：應SRC不SCR

來源

2013-10-24 04:26:35

喜珍，謝謝，但這不是問題，我實際的代碼是在HAML，在那裏我改正了錯字SRC，但由於越來越多的人所熟悉的HTML，我發現的HTML expample（這仍然有src錯字 – Toontje

除了SCR/src目錄錯字我什麼都看不到內在的錯誤你的HTML和基金會4.3.2。我甚至將你的代碼複製到這個codepen，並做了一些場景來重新創建你所描述的。

將<img scr="../images/templating.png" />替換爲<img src="http://placehold.it/350x150">模態顯示圖像。請注意，我將scr更改爲src併爲源提供工作路徑。

將<img scr="../images/templating.png" />替換爲<img src="../images/templating.png">破碎的圖標圖標顯示。請注意，我將scr更改爲src但未給出源的工作路徑。

更換<img scr="../images/templating.png" />與<img scr="http://placehold.it/350x150">沒有圖像或斷開的圖像圖標顯示..請注意，我一直SCR並給它一個工作路徑。

由於您聲明圖片不顯示，而且您看不到鏈接/圖片圖標已斷開，我只能猜測您的HTML語法出現問題，無論是靠近圖片標籤還是圖片標籤本身。

來源

2014-11-09 13:48:16

嗨，亞當，感謝您研究這個問題，我前一段時間發佈了這個問題，與此同時我停止使用基金會作爲前端框架，現在我正在使用波本邦。 – Toontje

我知道這是一箇舊帖子，但對於那些仍在尋找的人，你需要在你的div中有「數據揭示」。

<div id="myModal" class="reveal-modal" data-reveal> ... </div>

來源

2015-01-14 19:42:55 LCP

圖像未顯示在Foundation Reveal模式

回答

相關問題