Dynamic Images, Events, and the DOM
Hint: Preloading your images will only work on a hosting server and not your local drive, as there is no load time for your images locally. Once you have preloaded those images, you should clear your cache to test your loading of the images again.
Preload the images (banner1.jpg, banner2.jpg, and banner3.jpg in the images folder) for the banner at the top of the page.
Create a cycling two-state banner that cycles every three seconds.
Preload the gallery images.
Create roll-over functionality for each of the thumbnails in your image gallery. Use appropriate images found in the images folder.
Make sure to do the following:
Create an onpageload function to preload all of your images.
Create a modularized function to cycle the homepage banner.
Create a modularized rollover function for gallery images.