• Theory
  • Theory

The Second Program: “Señor Tomato”

We figured out the Muffin gallery, and now it’s time for a new assignment. This time we need to program a gallery for an online vegetable store.

Muffin doesn’t like vegetables, including especially tomatoes. He prefers dairy products and meat dishes. But a job is a job.

Meow! We need to update a gallery of product photos.

The gallery has thumbnails (elements with the gallery__picture-preview class) and a large image (full-picture class).

The large photo should change after you click on the preview. The large image should be the same as the thumbnail, only with larger dimensions.

The paths to full-size photos can be found in the pictures array. The order of the elements in the array is the same as the order of the thumbnails in the markup.

When you are ready, press the Boss, here’s your program! button in the console to start the scan.

  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%