[JS] Bilderwechsel nicht richtig im DIV

1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:
17:
18:
19:
20:
21:
22:
23:
24:
25:
26:
27:
28:
29:
30:
31:
32:
33:
34:
35:
36:
37:
38:
39:
40:
41:
42:
43:
44:
45:
46:
47:
48:
49:
50:
51:
52:
53:
54:
55:
56:
57:
58:
59:
60:
61:
62:
63:
64:
65:
66:
67:
68:
69:
70:
71:
72:
73:
74:
75:
76:
77:
78:
79:
80:
81:
82:
83:
84:
85:
86:
87:
88:
89:
90:
91:
92:
93:
94:
95:
96:
97:
98:
99:
100:
101:
102:
103:
104:
105:
106:
107:
108:
109:
110:
111:
112:
113:
114:
115:
116:
117:
118:
119:
120:
121:
122:
123:
124:
125:
126:
127:
128:
129:
130:
131:
132:
133:
134:

<div id="tagboard" style="display: none;">
<div
 style="padding: 15px 8px 8px; position: absolute; top: 20px; left: 200px; width: 460px; height: auto; background-color: rgb(102, 102, 102); color: rgb(255, 255, 255); text-align: center;"><img
 src="http://i38.tinypic.com/302tma8.png"><br>
<br>
<span class="cloud">Janinographie </span><br>
<span
 style="font-family: georgia; font-style: italic; font-variant: normal; font-weight: normal; font-size: 18px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: -1px; text-transform: lowercase; color: rgb(194, 140, 134);"><small>&ldquo;Truly
all photographs are self-portraits.&rdquo; - Elizabeth
Opalenik&nbsp;</small>
</span><br>
</div>


 <div
 style="padding: 12px; position: absolute; top: 280px; left: 200px; width: 660px; height: auto; background-color: rgb(248, 248, 248);">
<div class="left">
<div class="h1">Galerie</div>
<div class="h2">Ein Einblick in meine Fotos</div>
<span
 style="font-family: arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 45px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: -2px; text-transform: uppercase; color: rgb(201, 129, 139);"></span><br>
<span
 style="font-family: arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 1px; text-transform: uppercase; color: rgb(217, 189, 192);">Achtung:</span><br>
<br>
Das kopieren meiner Bilder ist strengstens untersagt! <br>
Anfragen per Mail sind unn&ouml;tig!<br>
<br>
 <script language="javascript">
////////////////////////////////////////////////
// dmx slidershow by robert engelhardt © 2003 //
// womstar@uni.de //
// vermerk bitte stehn lassen! //
////////////////////////////////////////////////
// der macher des scriptes distanziert //
// sich von dem inhalt der seite //
////////////////////////////////////////////////
/******************* EIGENSCHAFTEN ************************/
/**************************************************/
/* die bilder sollten alle die gleiche größe haben*/
/**************************************************/
bilder = new Array("http://ps-astra.bplaced.de/Bilder/1.png","http://ps-astra.bplaced.de/Bilder/2.png","http://ps-astra.bplaced.de/Bilder/3.png","http://ps-astra.bplaced.de/Bilder/4.png","http://ps-astra.bplaced.de/Bilder/5.png","http://ps-astra.bplaced.de/Bilder/6.png","http://ps-astra.bplaced.de/Bilder/7.png");
/**************************************************/
rahmenBreite = 480; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 320; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#f8f8f8";
rahmenHintergrundFarbe = "hg.png";
schriftArt = "Tahoma";
schriftFarbe = "#999999";
schriftGroesse = 1;
trennZeichen = "-"; // trennzeichen zwischen den links
srollVarianten = 1; // 0 = von unten nach oben, 1 = von rechts nach links
/*********************************************************/
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#f8f8f8"
+rahmenHintergrundFarbe+";overflow:hidden'>");
(srollVarianten==0) ?
document.write("<div id='jumper' style='position:relative;top:18;left:0'>") :
document.write("<div id='jumper' style='position:relative;left:18;top:18'>");
(srollVarianten==0) ?
document.write("<table width="
+rahmenBreite+" cellspacing=0 cellpadding=0>") :
document.write("<table height="
+rahmenHoehe+" cellspacing=0 cellpadding=0>");
for (i=0;i<bilder.length;i++)
{
(srollVarianten==0) ?
document.write("<tr><td width="
+rahmenBreite+" height="
+rahmenHoehe+">") :
document.write("<td width="
+rahmenBreite+" height="
+rahmenHoehe+">");
(srollVarianten==0) ?
document.write("<img src="+bilder[i]+"></td></tr>"
+"<tr><td height=25></td></tr>") :
document.write("<img src="+bilder[i]+"></td>"
+"<td><div style='width:25'></div></td>");
}
document.write("</table></div></div><br>");
for (i = 0; i < bilder.length; i++)
{
if (i == bilder.length-1) trennZeichen = "";
(srollVarianten==0) ?
(i == 0) ? posY = 0 : posY = (rahmenHoehe*i)+(25*i) :
(i == 0) ? posY = 0 : posY = (rahmenBreite*i)+(25*i);
document.write("<a href='javascript:getPos("
+posY+")' onfocus='this.blur()' style='text-decoration:none'><font size="
+schriftGroesse+" color="
+schriftFarbe+" face="
+schriftArt+">Bild "+(i+1)+"</font></a>"
+"<font style='cursor:default'> "
+trennZeichen+" </font>");
}
document.write("</center>");
var thePos=dimx=Dimx=0,time;
function getPos(pos)
{
thePos = pos-(pos*2)+18;
browser = navigator.appName;
usAgent = navigator.userAgent;
if (browser == "Microsoft Internet Explorer" || usAgent.indexOf("Opera") >- 1) clearTimeout(time);
dmx();
}
function dmx()
{
time = setTimeout("dmx()",0);
dimx = Math.round(Dimx+=((thePos)-Dimx)*4/20);
if (document.getElementById)
{
(srollVarianten==0) ?
document.getElementById("jumper").style.top = dimx :
document.getElementById("jumper").style.left = dimx;
}
else if (document.all)
{
(srollVarianten==0) ?
document.all["jumper"].style.top = dimx :
document.all["jumper"].style.left = dimx;
}
if (thePos == dimx) clearTimeout(time);
}
      </script>
<span style="text-decoration: underline;"></span><span
 style="font-family: arial; font-style: normal; font-variant: normal; font-weight: bold; font-size: 10px; line-height: normal; font-size-adjust: none; font-stretch: normal; letter-spacing: 1px; text-transform: uppercase; color: rgb(217, 189, 192);"></span><br>
</div>
</div>

1:

+(rahmenBreite+40)+";