reveal.js how to add an image to a slide

Shawn picture Shawn · Dec 7, 2015 · Viewed 11.7k times · Source

I am trying to use reveal.js for my presentation. I tried to add an image to my slide but the image won't show up. Here is my code

  <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>

What did i miss?

Answer

Shawn picture Shawn · Dec 7, 2015

I need to put image file in .\public\images folder and then specify the path

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

And that fix my issue.