Steps to create a banner slideshow with HTML, CSS and JavaScript

Very simple.

Go to SlideShow2 and have a look. Then proceed to the Google page where you can download the files.

You edit the positions of the thumbnails (not displayed here), the controller (not displayed here either) in the Stylesheet.

You can also override the CSS code with styles in the index.html file.

To hide the Controller and the thumbnails, set controller & thumbnails to false in the index.html file.

Then display the slideshow in an iWeb page with the HTML Snippet. Use this code:

<iframe src="../../../WebBanner/" width="950" height="200" scrolling="no" frameborder="0"></iframe>

It is assumed that the WebBanner folder is outside the iWeb Sites folder.

Practice. And don’t forget to read the documentation.

Download slideshow set