[ARCHIVED] Image Sliders/Scrollers/Rotators

[bgibson]

Free online, Image Slider Maker​.  Packs all needed files up into a Zip file.  The HTML needs some doctoring, but could then be imported into a Canvas page via an iframe, by first Uploading and Unpacking the Zip file.  A simpler slider, but can include image captions and links.

[bgibson]

Works well on a Chromebook.

[gailc]

Great find!! Is this responsive or can code be added to make slider responsive?

Gail

[bgibson]

It does have a "Responsive" switch that adds coding. 

I unzipped the HTML file ("example") and removed the extra coding so that only the slider appeared and added the HTML file back to the Zipped file.  Then Upload and Unpack.  You can also give each slider a unique ID, so that you can put more than one on a page (if desired).  *I said above that it was a "simpler" slider, but the more I played with the various options, the less simple it became.

It looks really good on a page, with image zoom and image thumbnail progress markers.

[bgibson]

40+ Brilliant Free jQuery Image Gallery/Slider Plugins (And 14 Tutorials to Make Your Own)

http://www.vandelaydesign.com/jquery-image-galleries/

Not sure how many of these would work in Canvas.  Most, maybe all, require JS & CSS files to be accessible from somewhere.

Some other interesting lists:

---

http://www.vandelaydesign.com/best-educational-websites/

---

http://www.vandelaydesign.com/free-social-media-icons/​

---

http://www.vandelaydesign.com/30-best-free-jquery-plugins/ 

[bgibson]

A couple of examples of the image sliders that were zipped up, with all necessary files and uploaded into Canvas and Unpacked.  *I also tried copying the course to a new one, and the paths for these sliders were updated to the new course.  *Did not break, or point back to old site.

http://screencast.com/t/Wnje6i5dCaED

[tess_crossen]

Hi Bill!  Would you happen to have a demo video on how to do this?  Thank you!

[bgibson]

For the Image Slider Maker, you just add your images and make the various selections.  Then download the zipped file.  When you go to Upload the zipped file, choose to have Canvas Unpack it for you and it will put everything in the necessary place.