Question
design and develop an interactive image gallery. In addition to being built dynamically with JavaScript, users should be able to reveal additional information (larger version
design and develop an interactive image gallery. In addition to being built dynamically with JavaScript, users should be able to reveal additional information (larger version of the image, details about the image, etc.) by interacting with the gallery and images.
#Requirements
-The assignment should utilize one HTML (index.html), CSS (style.css), and JavaScript (script.js) file, each located at the root of the repository.
- Your image gallery should be responsive.
- You may not use a modern CSS Framework like Bootstrap or Foundation, or any CSS and JavaScript Libraries. However, feel free to use a CSS reset (reset.css).
- You may not declare variables with var. Use either const or let.
- Your image gallery should utilize modern layout techniques using Flexbox or CSS Grid.
- A minimum of 12 images should be dynamically added to the gallery using JavaScript.
- Two interactive components must be implemented using JavaScript which reveal additional information or aid in navigation.
- Ensure you have permission to use any external resources.
- Make sure that all images are optimized, and that they respond to the layout.
- Event Delegation must be used in the project.
- You may not use inline events. All DOM events must be handled using Event Listeners
COMMENT WITH CODE
Step by Step Solution
There are 3 Steps involved in it
Step: 1
Get Instant Access to Expert-Tailored Solutions
See step-by-step solutions with expert insights and AI powered tools for academic success
Step: 2
Step: 3
Ace Your Homework with AI
Get the answers you need in no time with our AI-driven, step-by-step assistance
Get Started