Waukegan Public School District 60
Web Central

Slideshows

A “slideshow” of photos is a great way to showcase what's happening at your school or in your classroom. Slideshows are implemented using JavaScript. I have created the form below to generate all the necessary HTML and JavaScript to put on your site.

NOTE: This tutorial assumes you have completed Manila Phase II or have equivalent experience.

To add a slideshow to your site, complete the following steps.

1. Choose images to use in your slideshow. (If possible, make them all the same size.)
2. Upload the pictures to your web site.
3. Complete the form below to generate JavaScript and HTML.
4. Copy ALL the text from the JavaScript box. (Ctrl-C for Windows / Command-C for Mac)
5. Open a new document in a text editor (Notepad for Windows / TextEdit for Mac).
6. Paste the JavaScript you copied into your editor. (Ctrl-V for Windows / Command-V for Mac)
7. Save the document as “slideshow.js” and close the text editor.
8. Go back to your web browser and copy ALL the text from the HTML box. (Ctrl-C for Windows / Command-C for Mac)
9. Go to your web site and login.
10. Upload slideshow.js to your site.
11. Go to Prefs → Advanced → Legal Tags and make sure script is checked. (Don't forget to click Submit.)
12. Create a new story or edit a current story.
13. If you are using the WYSIWYG editor, change to Source or View HTML.
14. Paste the text you copied into your story wherever you want the slideshow to appear.
15. Change back to WYSIWYG (if necessary) and post your story.