Assignment Overview:

You will be tasked with building a dynamic image carousel that showcases your personal photos. This engaging project will not only reinforce your understanding of JavaScript but also allow you to

express your creativity in web design.

Requirements:

HTML File: Create a well$-$structured HTML file to serve as the foundation for your carousel.

JavaScript: Utilize JavaScript to implement the functionality of your image carousel.

CSS $($Optional$)$: Enhance the visual appeal of your carousel by styling it with CSS$.$ This step is optional but encouraged for a polished result.

Instructions:

Image Selection: Choose a selection of personal photos you'd like to feature in your carousel.

HTML Structure: Set up the HTML structure for your webpage, ensuring it's organized and accessible. Your HTML page will contain a div to hold your photos for your banner.

JavaScript Logic: Implement the JavaScript code to create a functional image carousel.

a$.$ create styles for banner height & width

b$.$ create variable for to hold banner count

c$.$ create variable for rotate time $(3000)$

d$.$ create function called rotate to create banner cycle

inside of function..

create an array of the images

set banner count to increase by $1$

create if statement if $($banner count is equal to image array number set banner count to $0)$

using document object set img scr to image in array

$-$create setTimeout for banner

e$.$ call the rotate function