reveal.js如何将图像添加到幻灯片中

Question

我正在尝试使用reveal.js进行演示。我尝试将图像添加到幻灯片中，但图像不会显示。这是我的代码

  <section>
    <h3>Slide Header</h3>
    <ul >
      <li >Symptom:  <img src="tmp_warning.png"  height="100" width="200">  </li>
      <li >Cause: unknown</li>
      <li >Steps to fix: unknown</li>
    </ul>                 
  </section>

我错过了什么？

Answer 1

我需要将图像文件放在。\ public \ images文件夹中，然后指定路径

<img src="/images/tmp_warning.png"  height="100" width="200">

这解决了我的问题。

Answer 2

我认为我在这个问题上有点晚了，但是您需要将src更改为data-src 示例：

<img data-src="myImage.png" height="420" width="200" />