Plugins // SmoothSlides
SmoothSlides is a a lightweight, interactive, JQuery-based slideshow plugin. Its collapsable thumbnail viewer allows for easy, unobstructive navigation.
- SmoothSlides uses navigation icons by Font Awesome. Before you install SmoothSlides, you'll need to install FontAwesome. Refer to their getting started page for detailed instructions on how to use FontAwesome on your website.
- Download and extract the SmoothSlides zip file. Copy it into your website directory.
- Include the following lines of code within the <head> tag of your website:
- <link rel="stylesheet" type="text/css" href="smoothslides/slideshow-style.css">
- <script src="smoothslides/slideshow-script.js"><script>
- <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.0/jquery.min.js"><script>
(if you have not previously installed JQuery)
- Refer to "smoothslides.html" and replace all image names (e.g. <img src = "image-1.jpg">) with your own paths. Then copy and paste the entirety of the file into your website.