Slide show

This script was inspired by the slide show on the BBC news website and has been extended upon, only taking reference of the input and output of their script.

Example:

Bonjour

Example code:

<div id="simpleExample" class="slideShow" style="width: 580px; height: 270px;">
<img src="1.png" alt="Bonjour" width="580px" height="270px" />
</div>
<script type="text/javascript">
startslideShow({ host: "simpleExample", imgs: [ {src: "1.png", alt: "Bonjour"}, {src: "2.png", alt: "A black and red flower"}, {src: "3.png", alt: "ROAR"}, {src: "4.png", alt: "hello."}, {src: "5.png", alt: "An attempt at drawing wood."}, {src: "6.png", alt: "My old mouse."} ] });
</script>

Usage:

(X)HTML:
You need a host container with an ID tag, it can contain anything you like (including nothing).
It's recommended for accessibility that you have the first image of the slide show (as per the above example) with an anchor tag around it, if the image/slide show has a link associated with it.

Javascript:
As shown in the example above. Below is a complete list of configuration options.
Global:
host - ID of the element to host the slide show. - Required - Width and Height style tags are also required currently.
uri - URI for the slide show. - Optional
fadeTime - Transition time for fades, in ms. - Optional - Default: 1000
fastFadeTime - Transition time for fast fades, in ms. - Optional - Default: 100; Using 0 affectively disables this.
holdTime - Amount of time to display a image for the slide show, in ms. - Optional - Default: 5000
slideTime - Amount of time it takes for the overlay to slide up or down, in ms. - Optional - Default: 250
Per img: (You need at least two images or the slide show will not start; it wouldn't be much of a slide show otherwise.)
src - URL of the image - Required
alt - Alternative text for the image - Optional - Alt text will be set as undefined if left out.
uri - Same as the global, but only applies to this image. - Optional
holdTime - Same as the global, but only applies to this image. - Optional

Current issues:

Ideas: