Exercises

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 that fires when the mouse button is clicked on three times within 500 milliseconds. To test the event, bind a tripleclick handler to the <h1> element which hides and reveals the contents of <div id="gallery">.