Javascript: Diashow
Diashow mit Buttons: Start - Stop - Next
Anzahl der Bilder kann natürlich beliebig erweitert werden.
| Code: |
<p align="center"><img src="bild1.jpg" border="2" width="420">
<script type="text/javascript">
<!--
var b = new Array();
b[0] = new Image();
b[0].src = "bild1.jpg";
b[1] = new Image();
b[1].src = "bild2.jpg";
b[2] = new Image();
b[2].src = "bild3.jpg";
b[3] = new Image();
b[3].src = "bild4.jpg";
var n = 3; // hier steht die Anzahl der Bilder minus 1
var i = -1;
var qt = 5000; // Bilderwechsel in Millisekunden
var f = 0;
var z = document.images.length - 1;
function GG()
{
i ++;
if(i > n) i = 0;
document.images[z].src = b[i].src;
}
function delay()
{
if(f == 0) GG();
window.setTimeout("delay()",qt);
}
delay();
//-->
</script>
<br>
<br>
<span onMouseDown="javascript:f=1;" onFocus="this.blur();"
onMouseOver="status='';return true;">
<img src="stop-button.gif" border="0"
alt="stops slide-show" style="cursor:hand;" width="120" height="30"></span>
<span
onMouseDown="javascript:f=0;" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="start-button.gif" border="0"
alt="goes on with slide-show" style="cursor:hand;" width="120" height="30"></span>
<span
onMouseDown="GG();" onFocus="this.blur()" onMouseOver="status='';return true;">
<img src="next-button.gif" border="0"
alt="shows next picture" style="cursor:hand;" width="120" height="30"></span> </p>
|
Forum
