Exercises

To complete these exercises, you will need the index.html file for this chapter, as well as the finished JavaScript code as found in complete.js. These files can be downloaded from the Packt Publishing website at http://www.packtpub.com/support.

The following challenge exercise may require the use of the official jQuery documentation at http://api.jquery.com/.

1. When the user clicks on a photo, add or remove the selected class on the photo <div>. Make sure this behavior works even for photos added later using the Next Page link.

2. Add a new custom event called pageLoaded that fires when a new set of images has been added to the page.

3. Using the nextPage and pageLoaded handlers, show a Loading message at the bottom of the page only while a new page is being loaded.

4. Bind a mousemove handler to photos that logs the current mouse position (using console.log()).

5. Revise this handler to perform the logging no more than five times a second.

6. Challenge: Create a new special event named tripleclick...