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.
<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>
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. - OptionalfadeTime
- Transition time for fades, in ms. - Optional - Default: 1000fastFadeTime
- 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: 5000slideTime
- Amount of time it takes for the overlay to slide up or down, in ms. - Optional - Default: 250src
- URL of the image - Requiredalt
- 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. - OptionalholdTime
- Same as the global, but only applies to this image. - Optional