HOME PAGE - Beispiele, Diashow -

Path: Home / Home Page / Beispiele / Java-Script
Diashow:
Quelltext
<HTML>
<HEAD>
<TITLE></TITLE>
<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!--

NewImg = new Array (
"1.jpg",
"2.jpg",
"3.jpg"
);
var ImgNum = 0;
var ImgLength = NewImg.length - 1;

//Pause
var delay = 3000;

var lock = false;
var run;
function chgImg(direction) {
if (document.images) {
ImgNum = ImgNum + direction;
if (ImgNum > ImgLength) {
ImgNum = 0;
}
if (ImgNum < 0) {
ImgNum = ImgLength;
}
document.slideshow.src = NewImg[ImgNum];
   }
}
function auto() {
if (lock == true) {
lock = false;
window.clearInterval(run);
}
else if (lock == false) {
lock = true;
run = setInterval("chgImg(1)", delay);
   }
}
//-->
</script>
</HEAD>
<body>

<table width="600" border="0" cellspacing="0" cellpadding="0" align="center">
    <tr>
      <td> 
        <div align="center"><img src="1.jpg" name="slideshow"> </div>
        <table align="center">
          <tr>
            <td align="right"><a href="javascript:chgImg(-1)"> Vorschau </a></td>
            <td align="center"><a href="javascript:auto()"> Auto/Stop </a></td>
            <td align="left"><a href="javascript:chgImg(1)"> Weiter </a></td>
       </tr>
       </table>
      </td>
    </tr>
  </table>
</body>