ever wanted to add a slideshow on your website??

powerpoint on html!!!! jkjk

demo:

⬅️

➡️

a nice image

slide 1

this is slide 1

a nice image

slide 2

this is slide 2

slide 3

this is slide 3

how to use:

1. include the necessary js and css:

<script src="https://tobycm.github.io/simple-slideshow/slideshow.js"></script>
<link rel="stylesheet" href="https://tobycm.github.io/simple-slideshow/slideshow.css" />

source: slideshow.js, slideshow.css

2. add the necessary html elements:

previous button (.prev):

<p class="prev">⬅️</p>

next button (.prev):

<p class="next">➡️</p>

slide (.slide):

<div class="slide">
  ...
</div>

slideshow container (.slideshow):

<div class="slideshow" style="width: 25vw; height: 25vh">
  ...
</div>

make sure to set the width and height of the slideshow container