Join Chris Converse for an in-depth discussion in this video Activating the lightbox, part of Creating a Photo Gallery in WordPress with jQuery.
…Now in order for the lightbox to work on anchor links,…we need to add additional data in to the individual anchor links.…So lets switch back to our gallery.js file.…So what we're going to do with jqeury is serach for…all of the individual anchor tags and add in that extra data.…Now a lot of lightbox plugins for jquery work in a similar fashion.…We have an achor tag with an href which points to the high resolution jpeg file.…And then either inside of the anchor tag, or…as part of the background using CSS, we'll have a…link to these small, or thumbnail version of the graphic.…
So for this particular lightbox, we need to use an HTML5 data…attribute called lightbox, and we need to set this equal to slideshow.…If we set this to slideshow, this particular jQuery…lightbox will take all of the links on the page.…And give us a slideshow that we can navigate through during the lightbox.…So once we load the lightbox, we can go from picture to picture.…Now, what we need to do is search for these anchor tags, and using…
Skill Level Beginner
Q: This course was updated on 11/24/2014. What changed?
A: We added one new movie about the dangers of modifying updateable themes.