"MACH DEINE SEITE JETZT FIT,
MIT DEINER SLIDESHOW.. GANZ EINFACH!"

1. Füge den folgenden Code in ein Widget/HTML-Modul, auf einer Seite Deiner Wahl, ein:

 

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js">
</script><script type="text/javascript" src="http://u.jimdo.com/www62/o/se2638f08eddfc235/userlayout/js/fadeslideshow.js">
//<![CDATA[

/***********************************************
* 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">
//<![CDATA[

var mygallery=new fadeSlideShow({
    wrapperid: "fadeshow1", //ID of blank DIV on page to house Slideshow
    dimensions: [630, 355], //width/height of gallery in pixels. Should reflect dimensions of largest image
    imagearray: [
        ["BILDLINK", "", "", ""],
        ["BILDLINK", "", "", ""],
        ["BILDLINK", "", "", ""],
        ["BILDLINK", "", "", ""],
        ["BILDLINK", "", "", ""],
        ["BILDLINK", "", "", ""]

          
],
    displaymode: {type:'auto', pause:5000, cycles:0, wraparound:false, randomize:true},
    persist: false, //remember last viewed slide and recall within same session?
    fadeduration: 3000, //transition duration (milliseconds)
    descreveal: "peekaboo",
    togglerid: ""
})

//]]>
</script>

 

<div id="fadeshow1">
</div>

 

2. Lege in der Navigation eine neue Seite (z.B. Bilder) an. Hier lädst Du die Bilder für die Slideshow einzeln hoch.

 

3. Kopiere die Grafikadresse (Rechtsklick auf das Bild) und füge diese dann in den oben aufgeführten Code anstelle des Platzhalters "BILDLINK" ein. Hier ist zu beachten, dass nach dem letzten Bildlink kein Komma mehr gesetzt werden darf.

 

Quelle: www.dynamicdrive.com