Simpele Slideshow maken HTML

Status
Niet open voor verdere reacties.

huib23

Gebruiker
Lid geworden
7 mrt 2009
Berichten
86
Beste,

Wie zou mij kunnen helpen met het maken van een simpele slideshow?
Hij moet langwerpig zijn (voor aan een zijkant van een pagina) en moet uit zichzelf lopen.
Ik heb al vaker er een gemaakt maar die werkt dan maar in bepaalde browsers.

Groet,
 
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Untitled Document</title>



<SCRIPT LANGUAGE="JavaScript">
<!-- Original: CodeLifter.com (support@codelifter.com) -->
<!-- Web Site: http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 5000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = 'picture1.jpg'
Pic[1] = 'picture2.jpg'
Pic[2] = 'picture3.jpg'


// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad = new Image();
preLoad.src = Pic;
}
function runSlideShow() {
if (document.all) {
document.images.SlideShow.style.filter="blendTrans(duration=2)";
document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
document.images.SlideShow.filters.blendTrans.Apply();
}
document.images.SlideShow.src = preLoad[j].src;
if (document.all) {
document.images.SlideShow.filters.blendTrans.Play();
}
j = j + 1;
if (j > (p - 1)) j = 0;
t = setTimeout('runSlideShow()', slideShowSpeed);
}
// End -->
</script>


</head>

<BODY onLoad="runSlideShow()">

<img src="picture1.jpg" name='SlideShow'>

</body>
</html>
 
Helaas, deze Fading Slide Show geeft alleen in Internet Explorer de vloeiende overgangen te zien. Er wordt n.l. gebruik gemaakt van het IE-only filter="blendTrans()".

Er zijn ook cross-browser werkende overvloeiers.
Met vriendelijke groet,
CSShunter
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan