- 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.
- Background Slideshow demo (Supersized plug-in)
- Lightbox demo (Lightbox2 plug-in)
- Hide / Show (JQuery snippet)
- Dropdown menu (Superfish plug-in)
Additional slideshow examples shown in lesson
A couple more examples from previous years