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

1

我知道这是一篇旧帖子，但是对于那些仍在寻找的人，您需要在您的 div 中添加“数据显示”。

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

于 2015-01-14T19:42:55.990 回答
0

除了 scr/src 错字之外，我看不出您的 HTML 和 Foundation 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-09T13:48:16.277 回答
0

你有一个错字：应该是 src 而不是 scr

于 2013-10-24T04:26:35.903 回答