etwas Code rausrücken "alles"
<html> <head> <title>H A M E L N</title>
<script type="text/javascript" src="dhtml.js"></script> <script type="text/javascript"><!--
var Bild = new Array(); Bild[0] = new Image(); Bild[0].src="../images/reihe_005.jpg"; Bild[1] = new Image(); Bild[1].src="../images/reihe_022.jpg";
var zeige = 0; var Breite = 500; var aktuelleBreite = 0; var Schrittweite = 500; var Schrittverzoegerung = 1;
function Blaettern(Richtung) { zeige = zeige + Richtung; if(zeige > Bild.length - 1) zeige = 0; else if(zeige < 0) zeige = Bild.length - 1; if(DOM || MS) getElem("id","Bildbereich",null).style.clip="rect(0 0 500 0)"; if(DOM && !MS && !OP) { var img = document.createElement("img"); var src = document.createAttribute("src"); src.nodeValue = Bild[zeige].src; img.setAttributeNode(src); getElem("id","Bildbereich",null).replaceChild(img, getElem("id","Bildbereich",null).firstChild); } else if(MS) { document.all.Bildbereich.innerHTML = "<img src="" + Bild[zeige].src + "">"; } else if(NS) { getElem("index",0,null).visibility = "hide"; setCont("index",0,null,"<img src="" + Bild[zeige].src + "">"); getElem("index",0,null).clip.right = 0; getElem("index",0,null).visibility = "show"; } BildAufbauen(); }
function BildAufbauen() { if(aktuelleBreite <= Breite) { if(DOM || MS && !OP) getElem("id","Bildbereich",null).style.clip="rect(0 "+ aktuelleBreite +" 500 0)"; else if(NS) getElem("index",0,null).clip.right = aktuelleBreite; aktuelleBreite = aktuelleBreite + Schrittweite; window.setTimeout("BildAufbauen()", Schrittverzoegerung); } else { aktuelleBreite = 0; if(DOM || MS) getElem("id","Bildbereich",null).style.clip="rect(0 "+ Breite +" 500 0)"; else if(document.layers) getElem("index",0,null).clip.right = Breite; } }
function SEITE_init1() { if(DOM && !MS && !OP) { img = document.createElement("img"); var src = document.createAttribute("src"); src.nodeValue = Bild1[0].src; img.setAttributeNode(src); getElem("id","Bildbereich",null).appendChild(img); } else if(document.all) document.all.Bildbereich.innerHTML = "<img src="" + Bild[0].src + "">"; else if(NS) setCont("index",0,null,"<img src="" + Bild[0].src + "">"); } //--></script> <script type="text/javascript"><!--
var Bild2 = new Array(); Bild2[0] = new Image(); Bild2[0].src="../images/hameln_001.jpg"; Bild2[1] = new Image(); Bild2[1].src="../images/hameln_002.jpg"; Bild2[2] = new Image(); Bild2[2].src="../images/hameln_003.jpg"; Bild2[3] = new Image(); Bild2[3].src="../images/hameln_004.jpg"; Bild2[4] = new Image(); Bild2[4].src="../images/hameln_005.jpg";
var zeige = 0; var Breite = 500; var aktuelleBreite = 0; var Schrittweite = 500; var Schrittverzoegerung = 1;
function Blaettern2(Richtung) { zeige = zeige + Richtung; if(zeige > Bild2.length - 1) zeige = 0; else if(zeige < 0) zeige = Bild2.length - 1; if(DOM || MS) getElem("id","Bildbereich2",null).style.clip="rect(0 0 500 0)"; if(DOM && !MS && !OP) { var img = document.createElement("img"); var src = document.createAttribute("src"); src.nodeValue = Bild2[zeige].src; img.setAttributeNode(src); getElem("id","Bildbereich2",null).replaceChild(img, getElem("id","Bildbereich2",null).firstChild); } else if(MS) { document.all.Bildbereich2.innerHTML = "<img src="" + Bild2[zeige].src + "">"; } else if(NS) { getElem("index",0,null).visibility = "hide"; setCont("index",0,null,"<img src="" + Bild2[zeige].src + "">"); getElem("index",0,null).clip.right = 0; getElem("index",0,null).visibility = "show"; } BildAufbauen2(); }
function BildAufbauen2() { if(aktuelleBreite <= Breite) { if(DOM || MS && !OP) getElem("id","Bildbereich2",null).style.clip="rect(0 "+ aktuelleBreite +" 500 0)"; else if(NS) getElem("index",0,null).clip.right = aktuelleBreite; aktuelleBreite = aktuelleBreite + Schrittweite; window.setTimeout("BildAufbauen2()", Schrittverzoegerung); } else { aktuelleBreite = 0; if(DOM || MS) getElem("id","Bildbereich2",null).style.clip="rect(0 "+ Breite +" 500 0)"; else if(document.layers) getElem("index",0,null).clip.right = Breite; } }
function SEITE_init2() { if(DOM && !MS && !OP) { img = document.createElement("img"); var src = document.createAttribute("src"); src.nodeValue = Bild2[0].src; img.setAttributeNode(src); getElem("id","Bildbereich2",null).appendChild(img); } else if(document.all) document.all.Bildbereich2.innerHTML = "<img src="" + Bild2[0].src + "">"; else if(NS) setCont("index",0,null,"<img src="" + Bild2[0].src + "">"); }
//--></script>
<style type="text/css"><!-- #Bildbereich { position: absolute; left: 8px; top: 70px; padding: 0px; clip:recet(); visibility: show; } #Bildbereich2 { position: absolute; left: 430px; top: 70px; padding: 0px; clip:recet(); visibility: show; } #Navigationsbereich { position: absolute; left: 8px; top: 8px; padding: 0px; visibility: show; } #Navigationsbereich2 { position: absolute; left: 430px; top: 8px; padding: 0px; visibility: show; } //--></style>
<csscriptdict import> <script type="text/javascript" src="../../GeneratedItems/CSScriptLib.js"></script> </csscriptdict> <csactiondict> <script type="text/javascript"> <!-- CSInit[CSInit.length] = new Array(CSILoad,/CMP/'button1',/URL/'../images/links_s_1.gif',/URL/'../images/links_s_2.gif',/URL/'',''); CSInit[CSInit.length] = new Array(CSILoad,/CMP/'button2',/URL/'../images/rechts_s_1.gif',/URL/'../images/rechts_s_2.gif',/URL/'',''); CSInit[CSInit.length] = new Array(CSILoad,/CMP/'button3',/URL/'../images/links_s_1.gif',/URL/'../images/links_s_2.gif',/URL/'',''); CSInit[CSInit.length] = new Array(CSILoad,/CMP/'button4',/URL/'../images/exit_s_1.gif',/URL/'../images/exit_s_2.gif',/URL/'',''); CSInit[CSInit.length] = new Array(CSILoad,/CMP/'button5',/URL/'../images/rechts_s_1.gif',/URL/'../images/rechts_s_2.gif',/URL/'',''); // --> </script> <script type="text/javascript"> window.resizeTo(850,600) </script> </csactiondict>
<body onload="CSScriptInit();SEITE_init1();SEITE_init2() " bgcolor="#000000">
<table width="100%" border="0" cellspacing="0" cellpadding="0" align="center" height="100%"> <tr> <td> <table width="100%" border="0" cellspacing="0" cellpadding="0" height="600"> <tr align="center" height="100"> <td align="left" valign="top" width="400" height="100"> <table width="126" border="0" cellspacing="0" cellpadding="0"> <tr> <div id="Navigationsbereich"> <td width="42"><csobj al="" h="40" ht="../images/links_s_2.gif" t="Button1" w="40"><a onclick="return CSButtonReturn()" onmouseover="return CSIShow(/CMP/'button1',1)" onmouseout="return CSIShow(/CMP/'button1',0)" href="javascript:Blaettern(-1)"><img src="../images/links_s_1.gif" alt="zurück" name="button1" height="40" width="40" border="0"></a></csobj></td> <td width="42"></td> <td width="42"><csobj al="" h="40" ht="../images/rechts_s_2.gif" t="Button2" w="40"><a onclick="return CSButtonReturn()" onmouseover="return CSIShow(/CMP/'button2',1)" onmouseout="return CSIShow(/CMP/'button2',0)" href="javascript:Blaettern(1)"><img src="../images/rechts_s_1.gif" alt="weiter" name="button2" height="40" width="40" border="0"></a></csobj></td> </div> </tr> </table> </td> <td width="20" height="100"></td> <td align="right" valign="top" width="400" height="100"> <table width="126" border="0" cellspacing="0" cellpadding="0"> <tr> <div id="Navigationsbereich2"> <td width="42"><csobj al="" h="40" ht="../images/links_s_2.gif" t="Button3" w="40"><a onclick="return CSButtonReturn()" onmouseover="return CSIShow(/CMP/'button3',1)" onmouseout="return CSIShow(/CMP/'button3',0)" href="javascript:Blaettern2(-1)"><img src="../images/links_s_1.gif" alt="zurück" name="button3" height="40" width="40" border="0"></a></csobj></td> <td width="42"><csobj al="" h="40" ht="../images/exit_s_2.gif" t="Button4" w="40"><a onclick="return CSButtonReturn()" onmouseover="return CSIShow(/CMP/'button4',1)" onmouseout="return CSIShow(/CMP/'button4',0)" href="reihe_projekt00.html"><img src="../images/exit_s_1.gif" alt="minimieren" name="button4" height="40" width="40" border="0"></a></csobj></td> <td width="42"><csobj al="" h="40" ht="../images/rechts_s_2.gif" t="Button5" w="40"><a onclick="return CSButtonReturn()" onmouseover="return CSIShow(/CMP/'button5',1)" onmouseout="return CSIShow(/CMP/'button5',0)" href="javascript:Blaettern2(1)"><img src="../images/rechts_s_1.gif" alt="weiter" name="button5" height="40" width="40" border="0"></a></csobj></td> </div> </tr> </table> </td> </tr> <tr height="500"> <td valign="top" width="400" height="500"> <div id="Bildbereich"></div> </td> <td valign="top" width="400" height="500"> <div id="Bildbereich2"></div> </td> </tr> </table> </td> </tr> </table> </body>
</head>
</html>
soo ?!?