An Automatic Slideshow

1 / 3
Caption Text
2 / 3
Caption Two
3 / 3
Caption Three
4 / 3
Caption Three
5 / 5
Goldington Hall

The code on this page was taken from the example on the W3C Schools website

Code analysis

There a few things that I need to look at here. There are some -webkit stuff in the css and some animation gong on.

The images need to be the same aspect ratio or this text will jump around the screen if the bottom menu item is selected.

-webkit-animation-duration: 1.5s;

@-webkit-keyframes fade {
  from {opacity: .4} 
  to {opacity: 1}


External Sources

Automatic Slideshow