...

/

🖥️ PROJECT: Building an Image Carousel

🖥️ PROJECT: Building an Image Carousel

In this project, we will create a fully functional and interactive image carousel for an ice cream parlor using HTML, and DOM manipulation and a flavor of CSS. Let's begin!

Overview

We’re now going to use several of the concepts of HTML, the DOM with a flavor of CSS to create the image carousel below for the Cold Stone ice cream flavors.

Image attribution: https://www.coldstonecreamery.com/

What we’ll be making

Setup

Let’s start with the HTML. We will need three main elements – an <img> and two <button> elements to click to the next photo or the previous photo. We will place these three elements in a <div> that will serve as a container to style the carousel. The <div> will be assigned the class "imageCarousel".

The HTML

Below is the given skeleton code for the HTML part of our project. Try to fill it in with ...