pseudo-title

Ultimate FadeIn Slider


Ultimate FadeIn Slideshow

Dynamic Drive DHTML code library (www.dynamicdrive.com)

Die Ultimate Fade In Slideshow ist eine OnPage-Lösung. Sie ist leider nicht unbedingt für responsive Webseiten zu gebrauchen.

Sie funktioniert prinzipiell wie die Flexslider-Slideshow. Die einzelnen Bilder des Sliders werden in der gewünschten Größe auf eine versteckte Seite auf der Jimdo-Page hochgeladen, von der man die Pfade der Bilder kopiert und in das Immage-Array im Quellcode einsetzt:

 

<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/www52/o/s2ba029df7f23bf1c/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: [750, 220], //width/height of gallery in pixels. Should reflect dimensions of largest image

        imagearray:

        [

        ["http://u.jimdo.com/www63/o/s2b6f668df1a0c9f3/img/ib2eb35ac0302337a/1392977773/std/image.jpg", "", "", ""],

        ["http://u.jimdo.com/www63/o/s2b6f668df1a0c9f3/img/i7383b54b00b26b9e/1392977796/std/image.jpg", "", "", ""],

        ["http://u.jimdo.com/www63/o/s2b6f668df1a0c9f3/img/i63dbe585c5fe4997/1392977816/std/image.jpg", "", "", ""]

        ],

        displaymode: {type:'auto', pause:2500, cycles:0, wraparound:false, randomize:true},

        persist: false, //remember last viewed slide and recall within same session?

        fadeduration: 4000, //transition duration (milliseconds)

        descreveal: "peekaboo",

        togglerid: "slideshowtoggler"

        })

        //]]>

        </script>

<div class="css3box" id="fadeshow1">

</div>