[JS] Bildreihe

Alia
Hi!
Ich hab ein kleines Problem:
Ich würde gerne eine "Bildreihe" machen bei meinen Verkaufspferdesteckbriefen. Also wenn man auf einen Link klick, dass dann das Bild zur seite rutscht und ein anderes zum vorschein kommt. Leider weiß ich nicht, wie man das macht. Kann mir jemand von euch helfen?
Bitte wenn ihr es könnt helft mir ._.
LG Alia
Jessie
Les dir den Code mal durch, dann weißt du selber was du ändern musst.
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:
<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("fotos/marianne1.jpg","fotos/marianne2.jpg","fotos/marianne3.jpg","fotos/marianne4.jpg");

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

	rahmenBreite		= 500; 		// die breite des rahmens ist gleich die breite des bildes
	rahmenHoehe		= 332; 		// 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		= 2;

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

	srollVarianten		= 1; 		// 0 = wenn die höhe gleich ist, 1 = wenn die breite gleich ist
/*********************************************************/

	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:0;left:0'>") :
	document.write("<div id='jumper' style='position:relative;left:0;top:0'>");

	(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);

	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>
Alia
Danke^^
Ich werds bald ausprobieren.