Join Joe Chellman for an in-depth discussion in this video Initialize the plugin, part of jQuery for Web Designers.
- [Voiceover] In this video we're going to actually…implement the Colorbox method on this bouquet page.…So what I wanna do, is when I click each of these,…I want them to open in a light box in my Colorbox.…One of my favorite things about Colorbox is that its page…has an extensive documentation of its API.…It's very easy to read and very easy to search,…but more than that, it includes some very simple…usage examples and this is great because it means…we can steal what Jack has already written and probably…just make some basic adaptations to make it work…on our site.…
So this says Image links displayed as a group.…That sounds pretty good, we do want to display images…that are linked, so I'm going to highlight this line…and copy it and then switch back to my script file.…I'll take this out for now and we can see that the basic…implementation is just to take a selector and then call…the Colorbox method on it directly.…Now I don't know if a.gallery is actually going to work…on this site, so let's go and take a look at the actual page…
- When to use jQuery
- Installing jQuery
- Setting up functions
- Using jQuery classes
- Modifying the DOM
- Event binding
- Reading and setting values
- Integrating plugins
- Animating websites with jQuery
Skill Level Intermediate
1. jQuery Introduction
2. Essential Concepts
3. It's Easier in jQuery
4. Integrate a Plugin
- Mark as unwatched
- Mark all as unwatched
Are you sure you want to mark all the videos in this course as unwatched?
This will not affect your course history, your reports, or your certificates of completion for this course.Cancel
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
1:30Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.