Seite3.html

<!document html>

<html>
<head>
<link rel="stylesheet" type="text/css" href="external.css"/>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript" src="fadeslideshow.js">
/***********************************************
* Ultimate Fade In Slideshow v2.0- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for this script and 100s more
***********************************************/
</script>

<script type="text/javascript">

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [500, 500], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["Joy1.jpg","","","Joy ist toll"],
        ["Joy2.jpg", "", "", "Joy Im Sommer"],
        ["Joy3.jpg", "", "", "Joy Im Sommer"] //<--no trailing comma after very last image element!
    ],
    displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 500, //transition duration (milliseconds)
    descreveal: "ondemand",
    togglerid: "slideshowtoggler"
})
</script>


</head>

<body>
  <a href="index.html">
    <IMG id="HeaderBild" SRC="pferde_5116.jpg" width="900" height="200" />
  </a>

  <ul id="navlist">
  <li><a href="index.html">Startseite</a></li>
  <li><a href="Seite2.html">Zucht und Vererbung</a></li>
  <li><a href="Seite3.html">Medien</a></li>
  <li><a href="#">Impressum</a></li>
  </ul>
  <br /><br /><br /><br /><br />

  <div id="fadeshow1" style="top: 200px; left: 380px;"></div>

  <div id="slideshowtoggler">
    <a href="#" class="prev">Vorheriges</a>
    <span class="status" style="margin:0 50px; font-weight:bold"></span>
    <a href="#" class="next">N&auml;chstes</a>
  </div>
</body>

</html>