Download and review the seasons.html, winter.jpg, spring.jpg, summer.jpg, and fall.jpg files. Based on your understanding of the seasons.html file, create an HTML5 file that contains JavaScript needed...

Download and review the seasons.html, winter.jpg, spring.jpg, summer.jpg, and fall.jpg files. Based on your understanding of the seasons.html file, create an HTML5 file that contains JavaScript needed for a slideshowthat contains 5 images. Save the file as slideshow.html and store it in your Ch08 directoryalong with the 5 images chosen for your slideshow. The slideshow.html file must be free of errors and validated.Your images must be socially acceptable and comply with acceptable student behavior and computer use policies atNVCC. (8 Points)2.Your slideshow file must meetthe following specifications (40 Points Total as broken down below):a.Include the JavaScript in the Head section of the HTML file(3 Points).b.Declare a new Array object with any name other than season.(4 Points)c.A global variable is declared and initialized to 0. Use any name other than indx.(3 Points).d.A global variable is declared and initialized for 3 seconds. Use any name other than timeDelay.(3 Points).e.Use the Image()constructor to preload and cache your images.Each new image object should be assigned to an element of yourarray.You must use 5 images in your array.(4 Points)f.Associate your 5 images files to the src property for each element of the array.(3 Points)g.Define a function to be called when the onMouseOver event handler is triggered when the user moves the mouse onto the image. Name the function anything other than changeSeason(). The images should cycle as long as the user’s mouse remains on the image.(4 Points)h.Set up the original image to be replaced from the images in the season array.(3 Points)i.Make sure that the window object’s setTimeout() method will call the necessary function for changing the images every 3 seconds.(3 Points)j.Define a function to be called when the onMouseOutevent is triggered by the mouse moving away from the image. Name the function anything other than stopShow(). (4 Points)k.Clear the setTimeout() method. (3 Points)l.Use the pseudo URL, JavaScript:void(null) to deactivatethe link and ensures that if there is a return value from the event, it will be nullified. Because neither of the events returns anything, it suffices to use the protocol as JavaScript.(3 Points
Oct 10, 2021
SOLUTION.PDF

Get Answer To This Question

Related Questions & Answers

More Questions »

Submit New Assignment

Copy and Paste Your Assignment Here