27.11.2006, 19:01
Hi,
vielleicht hilft dir das als "Beratungsmuster"
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript">
<!--
var Bilder = new Array();
Bilder[0] = ["1.jpg" ,"Text zu Bild 1];
Bilder[1] = ["2.jpg" ,"Text zu Bild 2];
Bilder[2] = ["3.jpg" ,"Text zu Bild 3];
Bilder[3] = ["4.jpg" ,"Text zu Bild 4];
var i = 0;
var alle = 4;
var timeID
var timeout = 1000
function loadpic(j) {
document.bild.src = Bilder[j][0];
document.pics.bilder.value = Bilder[j][1];
i = j;
}
function back() {
i = i - 1;
if(i == -1)
{
i = alle - 1;
}
loadpic(i);
}
function next() {
i = i + 1;
if(i == alle)
{
i = 0;
}
loadpic(i);
}
//-->
</script>
</head>
<body >
<form name="pics">
<div align="center"><img SRC="1.jpg" NAME="bild" height=306 width=439><br>
<a href="javascript:back()" >Zurück</a> | <a href="javascript:next()" >Weiter</a><br>
<textarea cols="40" rows="5" name="bilder" style="border: none; background-color: transparent; overflow: hidden">Text zu Bild 1</textarea>
</div>
</form>
</body>
</html>[/HTML]
Cu Helmut
vielleicht hilft dir das als "Beratungsmuster"
[HTML]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=ISO-8859-1">
<script language="JavaScript">
<!--
var Bilder = new Array();
Bilder[0] = ["1.jpg" ,"Text zu Bild 1];
Bilder[1] = ["2.jpg" ,"Text zu Bild 2];
Bilder[2] = ["3.jpg" ,"Text zu Bild 3];
Bilder[3] = ["4.jpg" ,"Text zu Bild 4];
var i = 0;
var alle = 4;
var timeID
var timeout = 1000
function loadpic(j) {
document.bild.src = Bilder[j][0];
document.pics.bilder.value = Bilder[j][1];
i = j;
}
function back() {
i = i - 1;
if(i == -1)
{
i = alle - 1;
}
loadpic(i);
}
function next() {
i = i + 1;
if(i == alle)
{
i = 0;
}
loadpic(i);
}
//-->
</script>
</head>
<body >
<form name="pics">
<div align="center"><img SRC="1.jpg" NAME="bild" height=306 width=439><br>
<a href="javascript:back()" >Zurück</a> | <a href="javascript:next()" >Weiter</a><br>
<textarea cols="40" rows="5" name="bilder" style="border: none; background-color: transparent; overflow: hidden">Text zu Bild 1</textarea>
</div>
</form>
</body>
</html>[/HTML]
Cu Helmut
![[-]](https://forum.juergens-workshops.de/images/collapse.png)