reveal.js 如何在幻灯片中添加图片

Posted 2021-04-10

我正试图在我的演示文稿中使用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>

我错过了什么？

答案

我需要把图片文件放在.publicimages文件夹中，然后指定路径。

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

这就解决了我的问题。

另一答案

我想我在这个问题上有点晚了，但你需要改变。src 到 data-src例如：

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