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>