{"json_modified": "2016-08-27T01:55:28.665594", "uuid": "47e1ab1e-fcef-4473-865d-93b28b3932db", "title": "Image gallery", "url": "/en-US/docs/Learn/JavaScript/Building_blocks/Image_gallery", "tags": ["Event Handler", "Beginner", "Assessment", "JavaScript", "Loops", "CodingScripting", "Conditionals", "Learn", "events", "Events", "beginner"], "translations": [], "modified": "2016-08-27T01:55:28", "label": "Image gallery", "localization_tags": [], "locale": "en-US", "id": 193043, "last_edit": "2016-08-27T01:55:25", "summary": "Now that we've looked at the fundamental building blocks of JavaScript, we'll test your knowledge of loops, functions, conditionals and events by getting to to build a fairly common item you'll see on a lot of websites \u2014 a JavaScript-powered image gallery.", "sections": [{"id": "Quick_Links", "title": null}, {"id": "Starting_point", "title": "Starting point"}, {"id": "Project_brief", "title": "Project brief"}, {"id": "Steps_to_complete", "title": "Steps to complete"}, {"id": "Looping_through_the_images", "title": "Looping through the images"}, {"id": "Adding_an_onclick_handler_to_each_thumbnail_image", "title": "Adding an onclick handler to each thumbnail image"}, {"id": "Writing_a_handler_that_runs_the_darkenlighten_button", "title": "Writing a handler that runs the darken/lighten button"}, {"id": "Hints_and_tips", "title": "Hints and tips"}, {"id": "Assessment", "title": "Assessment"}], "slug": "Learn/JavaScript/Building_blocks/Image_gallery", "review_tags": []}