[HTML] Probleme bei Slideshow | Gegen Bilderklau

Zimtgruen

Ich hab da so meine lieben Probleme mit einer Slideshow

Das erste Problem wäre, dass hier die Bilder nicht in der Mitte sind, das liegt daran dass sie nicht gleich breit sind, aber kann man das irgendwie machen, dass die trotzdem mittig sind?

Code:

code:

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:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:
193:
194:
195:
196:
197:
198:
199:
200:
201:
202:
203:
204:
205:
206:
207:
208:
209:
210:
211:
212:
213:
214:
215:
216:
217:
218:
219:
220:
221:
222:
223:
224:
225:
226:
227:
228:
229:
230:
231:
232:
233:
234:
235:
236:
237:
238:
239:
240:
241:
242:
243:
244:
245:
246:
247:
248:
249:
250:
251:
252:
253:
254:
255:
256:
257:
258:
259:
260:
261:
262:
263:
264:
265:
266:
267:
268:
269:
270:
271:
272:
273:
274:
275:
276:
277:
278:
279:

<!doctype html public "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>

	<title>New Document</title>
	<link rel="stylesheet" type="text/css" href="http://kronbuehl.kr.funpic.de/seiten/style.css">
</head>

<body>
<div align="center">
<table width="450" border="1">
  <tr>

	<td colspan="3" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center"><b>Á&nbsp;R F L 
      O G N I R</b></div></td>
  </tr>
  <tr>
	<td colspan="3" style="border:1px solid #000000"><div align="center">

<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://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Arflognir/arflognir1.png",
"http://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Arflognir/arflognir2.png",
"http://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Arflognir/arflognir3.png",
"http://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Arflognir/arflognir4.jpg");

	/**************************************************/

	rahmenBreite		= 420; 		// die breite des rahmens ist gleich die breite des bildes
	rahmenHoehe		= 330; 		// die höhe des rahmens ist gleich die höhe des bildes
	rahmenRand		= 0;
	rahmenStil		= "dotted";
	rahmenFarbe		= "#C0C0C0";
	rahmenHintergrundFarbe	= "#FFFFFF";

	schriftArt		= "Verdana";
	schriftFarbe		= "000000";
	schriftGroesse		= 1;

	trennZeichen		= "-";		// trennzeichen zwischen den links

	srollVarianten		= 0; 		// 0 = von unten nach oben, 1 = von rechts nach links

/*********************************************************/

	document.write("<center>"
	+"<div id='rahmen' style='width:"
	+(rahmenBreite+0)+"; height:"
	+(rahmenHoehe+0)+"; border:"
	+rahmenRand+"px "
	+rahmenStil+" #"
	+rahmenFarbe+"; background-color:#"
	+rahmenHintergrundFarbe+";overflow:hidden'>");

	(srollVarianten==0) ?
	document.write("<div id='jumper' style='position:relative;top:5;left:0'>") :
	document.write("<div id='jumper' style='position:relative;left:5;top:5'>");

	(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>
<br>
<i>&copy; by <a href="http://leypics.oyla7.de/">leypics.oyla7.de</a></i>



</div></td>

  </tr>
<tr>
<td colspan="3" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="border:1px solid #000000"><div 
align="center">Allg.Informationen</div></td>
</tr>
  <tr>

	<td width="50%" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Name</div></td>
	<td width="50%" style="BORDER-RIGHT: #000000 1px solid; 
BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; 
BORDER-BOTTOM: #000000 1px solid" 
   ><div align="center"> Árflognir</div></td>
  </tr>
  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Rasse</div></td>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: 
#000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: 
#000000 1px solid" 
   ><div align="center">Isländer</div></td>
  </tr>

  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Geburtsjahr</div></td>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: 
#000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: 
#000000 1px solid" 
   ><div align="center">*2000</div></td>
  </tr>
  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Fellfärbung</div></td>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: 
#000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: 
#000000 1px solid" 
   >
      <P align=center>Rappe</P></td>

  </tr>
  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Abzeichen</div></td>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: 
#000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: 
#000000 1px solid" 
   ><div align="center">-</div></td>
  </tr>
  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Eignung</div></td>

	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: 
#000000 1px solid" 
   ><div align="center">Gangreiten&nbsp;&amp; Freizeit</div></td>
  </tr>
  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" 
   ><div align="center">Wert</div></td>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid" 
   ><div align="center">12'300€</div></td>
  </tr>

  <tr>
	<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center">Besitzer</div></td>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: 
#000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: 
#000000 1px solid" 
   ><div align="center">Gut 
      Kronbühl</div></td>
  </tr>
  <tr>
	<td colspan="3" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center"><A href="allgemein.html">allg.Informationen</A> - <A href="charakter.html">Charakter</A> - <A 
href="ausbildung.html">Ausbildung</A> - <A 
href="verhalten.html">Verhalten</A> - <A 
href="gesundheit.html">Gesundheit</A> - <A 
href="zucht.html">Zucht</A></div></td>

  </tr>
</table>

</div>
</body>
</html>

Und das zweite Problem ist hier, da funktioniert die Slideshow nämlich gar nicht mehr

Code:

code:

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:
135:
136:
137:
138:
139:
140:
141:
142:
143:
144:
145:
146:
147:
148:
149:
150:
151:
152:
153:
154:
155:
156:
157:
158:
159:
160:
161:
162:
163:
164:
165:
166:
167:
168:
169:
170:
171:
172:
173:
174:
175:
176:
177:
178:
179:
180:
181:
182:
183:
184:
185:
186:
187:
188:
189:
190:
191:
192:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
  <head>
	<title>Charakter</title>
	<link rel="stylesheet" type="text/css" href="http://kronbuehl.kr.funpic.de/seiten/style.css">
  </head>
<body>
<div align="center">
<table width="450" border="1">
  <tr>
	<td colspan="3" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid"><div align="center">
<b>A N T A R C T I C&nbsp;&nbsp; B L U E</b></div></td>

  </tr>
<tr>
	<td style="border:1px solid #000000"><div align="center">

<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://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Antarcticblue/antarcticblue1.jpg",
"http://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Antarcticblue/antarcticblue2.jpg",
"http://kronbuehl.kr.funpic.de/seiten/pferde/hengste/Antarcticblue/antarcticblue3.jpg");

	/**************************************************/

	rahmenBreite		= 420; 		// die breite des rahmens ist gleich die breite des bildes
	rahmenHoehe		= 291; 		// die höhe des rahmens ist gleich die höhe des bildes
	rahmenRand		= 0;
	rahmenStil		= "dotted";
	rahmenFarbe		= "#C0C0C0";
	rahmenHintergrundFarbe	= "#FFFFFF";

	schriftArt		= "Comic";
	schriftFarbe		= "000000";
	schriftGroesse		= 1;

	trennZeichen		= "-";		// trennzeichen zwischen den links

	srollVarianten		= 0; 		// 0 = von unten nach oben, 1 = von rechts nach links

/*********************************************************/

	document.write("<center>"
	+"<div id='rahmen' style='width:"
	+(rahmenBreite+0)+"; height:"
	+(rahmenHoehe+0)+"; border:"
	+rahmenRand+"px "
	+rahmenStil+" #"
	+rahmenFarbe+"; background-color:#"
	+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>
<br>
<i>&copy; by <a href=mailto:biggi-ko@web.de>biggi-ko@web.de</a></i>



</div></td>

  </tr>
<tr>
<td background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" style="border:1px solid #000000">
<div align="center">Charakter</div></td>
</tr>
  <tr>
	<td style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px solid">
      <P align=center>
...charakter...</P></td>
  </tr>

  <tr>
	<td colspan="4" background="http://kronbuehl.kr.funpic.de/seiten/grafiken/pattern.jpg" 
style="BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px 
solid; BORDER-LEFT: #000000 1px solid; BORDER-BOTTOM: #000000 1px 
solid" 
   ><div align="center"><A href="allgemein.html">allg.
Informationen</A> - <A href="charakter.html">Charakter</A>
- <A href="ausbildung.html">Ausbildung</A>
- <A href="verhalten.html">Verhalten</A> - <A
 href="gesundheit.html">Gesundheit</A>

- <A href="zucht.html">Zucht</A>
</div></td>
  </tr>
</table>
</div>
</body>
</html>

Kann mir da vielleicht jemand helfen?

Zimtgruen