DmJSCourse / js_gallery_DOM

JS Advanced task. Create a gallery.

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

  1. Replace <your_account> with your Github username in the link
  2. Follow this instructions
    • There are no tests for this task so use npm run lint command instead of npm test

Task: Create a gallery

Create an image gallery where the main image changes by the click on a thumbnail.

Requirements:

  • A click can be either on a small img image or on a outside of it. event.target will be, respectively, either img or a.

Notes:

  • Use event delegation.
  • You must only modify the file src/scripts/main.js.

Gif of result

Gif example

About

JS Advanced task. Create a gallery.

License:GNU General Public License v3.0


Languages

Language:HTML 74.5%Language:CSS 16.5%Language:JavaScript 9.1%