nicht angemeldet
Moin, moin!
Wie wäre es mit dieser Variante, entstanden aus einem SelfHTML-Beispiel?
<HTML>
<HEAD>
<TITLE>Bildergeschichte</TITLE>
<script language="JavaScript">
bild=1;
text=new Array();
text[1]="Text 1";
text[2]="Text 2";
text[3]="Text 3";
function bildwechsel()
{ if (bild==3) bild=1;
else bild+=1;
if (bild==3) document.Weiter.Weiterbutton.value="Zum Anfang der Bilderserie";
else document.Weiter.Weiterbutton.value="nächstes Bild";
if (ie) text[bild]=text[bild].replace(/<br>/gi, " ");
Write('AnzeigeLayer', text[bild]);
document.images[0].src=bild+'.jpg'; }
var ie = document.all ? true : false;
var ns = document.layers ? true : false;
function mark()
{ if (ie) document.write('<div id="DerLayer"> </div>');
else if (ns) document.write('<ilayer name="DerLayer"> </ilayer>'); }
function ShowNew()
{
if (ie)
{
var derlayer = document.all.DerLayer;
var anzlayer = document.all.AnzeigeLayer;
anzlayer.style.posLeft = getLeft(derlayer);
anzlayer.style.posTop = getTop(derlayer);
anzlayer.style.visibility = 'visible';
}
else if (ns)
{
var derlayer = document.DerLayer;
var anzlayer = document.AnzeigeLayer;
anzlayer.pageX = derlayer.pageX;
anzlayer.pageY = derlayer.pageY;
anzlayer.visibility = 'show';
}
}
function getLeft(l)
{ if (l.offsetParent) return (l.offsetLeft + getLeft(l.offsetParent));
else return (l.offsetLeft);}
function getTop(l)
{ if (l.offsetParent) return (l.offsetTop + getTop(l.offsetParent));
else return (l.offsetTop); }
function Write(name, inhalt)
{ if (ie) document.all[name].innerText = inhalt;
else if (ns)
{ with (document[name].document)
{ open();
document.write("<font face="Helvetica,Arial" color=white>"+inhalt+"</font>");
close();
}
}
}
</script>
</HEAD>
<BODY onLoad="ShowNew()">
<div id="AnzeigeLayer" style="position: absolute; visibility: hidden">
<script language="JavaScript1.2" type="text/javascript">
<!--
document.writeln(text[1]);
//-->
</script>
</div>
<table border=0 cellspacing=0 cellpadding=0>
<tr>
<td><img src="1.jpg"></td>
<td> </td>
<td>
<script language="JavaScript1.2" type="text/javascript">
<!--
mark();
//-->
</script>
</td>
</tr>
<tr>
<td> </td>
<td> </td>
<td><form name="Weiter"><input type="button" name="Weiterbutton" Style="WIDTH:200" WIDTH="200" value="nächstes Bild" onClick="javascript:bildwechsel();"><form></td>
</tr>
</table>
</BODY>
</HTML>
Norbert