- JQuery is free, open-source, software with an active community. Many developers write plug-ins for the library. A plug-in is basically a bit of code that extends JQuery in some specific and usable way e.g. a slideshow plugin. Plug-ins rely on JQuery to do much of the heavy lifting.
- Some plugins will have scripts in the head, some will have them just before the close of the body.
- Some plugins will require you adopt their folder structure.
- Some plugins will have additional CSS you’ll need to include (and possibly contend with: be supermindful of the cascade especially as it pertains to the order in which you reference your styles).
- If you can, shop around for the look and feel but don’t trade on simplicity and ease of installation of the plugin.
- Things can get weird quickly when mixing and matching multiple plugins. Always try to streamline as much as possible.
- Download the plugin,
- get the demo working with the demo code on your local machine (once that’s up and running, move to the next step)
- adapt the demo code to your site / pages by adding the necessary .js, .css and other references in similar locations in your page.
All of the demos above in one big .zip file.
Additional slideshow examples shown in lesson
A couple more examples from previous years
- Photo gallery slideshow with JQuery
- Lightbox tool that Jacki’s using