Start learning with our library of video tutorials taught by experts. Get started
Viewers: in countries Watching now:
Give your visitors a smart and dynamic experience when reviewing your photography. This course shows how to create a photo gallery that sorts and rearranges your photos based on keywords you add to the HTML. In addition, author Chris Converse shows how to use a lightbox to display larger photos, and even allow your visitors to navigate through the lightbox—giving them an alternate navigation option to review your photos.
This course was created and produced by Chris Converse. We are honored to host this training in our library.
And this will also work on sorting. So if I sort here on plants, then click on one of the plants, and either click the arrows or use my arrow keys, I can arrow it through just the photography that that relates to plants. Now the final example in this response of experience, is going to be for small screen devices. Now since the Lightbox experience doesn't translate well to small screen devices, instead we're going to take out the Lightbox link and link right to the individual photographs. So on a mobile device, when I tap on a Thumbnail, we're going to open the hi-res Thumbnail in a new Window, and then we can use all of the device's features, such as double tapping, or pinching, and panning around, and then when we're done, we can go back to the main gallery to see the next photograph we want to look at.
Find answers to the most frequently asked questions about Create a Sortable Photo Gallery with jQuery.
Here are the FAQs that matched your search "":
Sorry, there are no matches for your search ""—to search again, type in another word or phrase and click search.
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.