Foto Slider

Photoslider mit JavaScript. Einfach aber sehr schön...!
(Ein JavaScript von http://www.dynamicdrive.com)

Braucht ihr dazu: photoslide.js

Im Head:

<script src="photoslide.js" type="text/javascript"></script>
<script type="text/javascript">var fadeimages=new Array()
//SET IMAGE PATHS. Extend or contract array as needed
fadeimages[0]=["image-head1.jpg", "#", ""] //plain image syntax
fadeimages[1]=["image-head2.jpg", "index.php", ""] //image with link syntax
fadeimages[2]=["image-head3.jpg", "index.php", ""] //image with link syntax
fadeimages[3]=["image-head4.jpg", "index.php", ""] //image with link syntax
fadeimages[4]=["image-head5.jpg", "index.php", ""] //image with link syntax
fadeimages[5]=["image-head6.jpg", "index.php", ""] //image with link syntax
fadeimages[6]=["image-head7.jpg", "index.php", ""] //image with link syntax
fadeimages[7]=["image-head8.jpg", "index.php", ""] //image with link syntax
fadeimages[8]=["image-head9.jpg", "index.php", ""] //image with link syntax
fadeimages[9]=["image-head10.jpg", "index.php", ""] //image with link syntax
fadeimages[10]=["image-head11.jpg", "index.php", ""] //image with link syntax
fadeimages[11]=["image-head12.jpg", "index.php", ""] //image with link syntax
fadeimages[12]=["image-head13.jpg", "index.php", ""] //image with link syntax
fadeimages[13]=["image-head14.jpg", "index.php", ""] //image with link syntax
fadeimages[14]=["image-head15.jpg", "index.php", ""] //image with link syntax
fadeimages[15]=["image-head16.jpg", "index.php", ""] //image with link syntax
fadeimages[16]=["image-head17.jpg", "index.php", ""] //image with link syntax

var fadebgcolor="black"</script>

im Body:

<script type="text/javascript">
//new fadeshow(IMAGES_ARRAY_NAME, slideshow_width, slideshow_height, borderwidth, delay, pause (0=no, 1=yes), optionalRandomOrder)
new fadeshow(fadeimages, 480, 800, 0, 5000, 0)
</script>

Und so sieht's dann aus
(Bilder sind von www.uhrenliebe.com)

realised by opizzi.ch © 2017 All rights reserved