Snippets/Fading Away Image or Gallery

Description
Enables an end user to post an Image, text, or gallery that fades, shrinks away before looping to start over. Will not show correctly on lower versions of ie (ie 9 & down, I think). Tested in the Foreground skin, but should work in all Mediawiki skins. Looks best with a slideshow.

To help visualize picture the text below fading away from you (like it's traveling away from you):

1. PHOTO OR TEXT STARTING

2. PHOTO OR TEXT MIDDLE OF TIME PERIOD

3. PHOTO OR TEXT ALMOST END

4.Vanish (END)

5.Start over

Usage
Shrinking, Fading Image, text, or gallery must be between the following division tags:  & for good alignment, centering and for avoiding possible strange previews I suggest you wrap the fadingimages divisor inside another divisor.

Slideshow Example:(using the Extension:JavascriptSlideshow & an arraymaptemplate from Extension:Semantic Forms with the sizes being defined as a variable via the Extension:Variables

Less Complex Slideshow example: 

Gallery

One Image:

Text: Mediawiki is amazing!!!

Code
Fading Away Image or Gallery.css: