Snippets/Image Slideshow created by CSS

Description
This CSS creates the ability to create a slideshow of images using just CSS. It's an inferior method to creating a slideshow then Extension:JavascriptSlideshow but it never hurts to have more ways to do something. It expects to have five and only five photos in the slideshow. Of course you can play with the code and change that (and since it's CSS it's very easy to play with the code)

SPECIAL TECHNICAL ISSUE
This snippet only works with the html img tag, which is normally not allowed in Mediawiki. However you can change that very easily by following the steps here:Manual:$wgAllowImageTag. Full path to the image must be written out. Use the filepath command to set that, which makes it easy to use in a template.

Older browsers, like ie 8 and down, may not play the slideshow correctly.

Usage
Gallery, or Image, must be between the following division tags:  and image must reference the class (see example). Just list your five images on the Page (like the example) and the Images will appear in the Slideshow.

Example:     

Code
Image Slideshow.css:

Changing Image Size
Just change the height and width to change the size.

Changing number of pics, timing, etc
Play with the CSS it can be done via easily.

Note
This is NOT an extension in the technical sense of the term. But since it makes it possible to make a Slideshow I've included it in the Image gallery extensions.