An Automatic Slideshow

This page was using the old template - it has now been updated but the animation does not work. This is a task for the future.

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}
}