Slideshow mit Blend-Trans Filter

visitor

Hallo

untenstehendes Script funzt soweit ganz gut... aber ich möchte gerne, dass man zwischen total sechs Bildern hin- und herswitchen kann und nicht nur zweien. Weiss jemand vielleicht Rat...?

Vielen Dank schon mal

visitor

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>

<title>Evening with Friends</title>

<script language="JScript" type="text/jscript">

</script>

</head>
<body>

<center>
<br>
<br>
<br>
<br>
<br>

<img src="Bild01.jpg" width="51" height="38" alt=""/>
<img src="Bild02.jpg" width="51" height="38" alt=""/>
<img src="Bild05.jpg" width="51" height="38" alt=""/>
<img src="Bild06.jpg" width="51" height="38" alt=""/>
<img src="Bild07.jpg" width="51" height="38" alt=""/>
<img src="Bild08.jpg" width="51" height="38" alt=""/>

<p>Klicke auf das Bild, nachdem es vollständig angezeigt ist.</p>

<img id="Madrid" src="Bild01.jpg" style="cursor:hand; filter:blendTrans(Duration=4, Transition=16)" onClick="Bildwechsel()" width="512" height="384" border="0" alt="">

</body>
</html>

visitor

sorry, habe gerade festgestellt, dass ich im falschen Forum bin...!

synaptic

?? is doch bereits verschoben worden

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>


<title>Evening with Friends</title>


<script type="text/javascript">
<!--
var bilder = new Array();
bilder[0] = new Image();
bilder[0].src = "DSCF5115.JPG";
bilder[1] = new Image();
bilder[1].src = "DSCF5116.JPG";
bilder[2] = new Image();
bilder[2].src = "DSCF5118.JPG";
bilder[3] = new Image();
bilder[3].src = "DSCF5119.JPG";
bilder[4] = new Image();
bilder[4].src = "DSCF5120.JPG";
bilder[5] = new Image();
bilder[5].src = "DSCF5127.JPG";


var i = 0;




function nextPic(){
if( i< bilder.length){
document.getElementById("Madrid").filters.blendTrans.Apply();
document.getElementById("Madrid").src = bilder[i].src;
document.getElementById("Madrid").filters.blendTrans.Play();
document.getElementById("ausgabe").innerHTML = i;
i++;
}
if(i>=bilder.length){
i=(bilder.length-1);
}
}


function backPic(){
if( i > 0){
i--;
document.getElementById("Madrid").filters.blendTrans.Apply();
document.getElementById("Madrid").src = bilder[i].src;
document.getElementById("Madrid").filters.blendTrans.Play();
document.getElementById("ausgabe").innerHTML = i;


}else if(i<0){
i=0;
}
}
//-->
</script>






</head>
<body style="text-align:center;">
<span id="ausgabe">X</span>
<p><input type="button" value="vor" onclick="nextPic()">&nbsp;<input type="button" value="zurück" onclick="backPic()"></p>


<img id="Madrid" src="DSCF5131.JPG" style="cursor:hand; filter:blendTrans(Duration=2, Transition=10)" width="512" height="384" border="0" alt="">


</body>
</html>

Alles anzeigen

wofür du die thumbnails brauchtest weiß ich net, hab se mal raus gelassen!
wenn du jetzt noch mehr als nur 6 bilder da reinbauen willst, musste einfach das array "bilder" erweitern...

und benutz bitte codetags, damit der code leichter zu lesen ist!
die findeste hier(und die beiden schaltflächen daneben!):
[Blockierte Grafik: http://home.arcor.de/synaptic/codetag.png]

so sollte dat jetzt fruchten

visitor

Hi Synaptic

Einmal mehr ein geiles Script! Vielen Dank dafür...

schönes w/e

visitor

Tags