[JS] Bildwechsel auf klick?

Lotitta12
Hey ich wollte mal wissen wie der code für den Bildwechsel geht also wenn man auf Bild1 Klickt kommt man zum ersten bild und wenn mann auf Bild2 klickt dann sollte das nähste Bild kommen ich hoffe ihr wisst was ich meine
Flöckchen
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:
   <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("Bildurl","Bildurl","Bildurl","Bildurl","Bildurl","Bildurl","Bildurl");
               
               	/**************************************************/
               
               	rahmenBreite		= 510; 		// die breite des rahmens ist gleich die breite des bildes
               	rahmenHoehe		= 384; 		// die höhe des rahmens ist gleich die höhe des bildes
               	rahmenRand		= 2;
               	rahmenStil		= "dotted";
               	rahmenFarbe		= "000000";
               	rahmenHintergrundFarbe	= "0";
               
               	schriftArt		= "verdana";
               	schriftFarbe		= "000000";
               	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:#"
               	+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>
              </P>
             </P>
             </P>
             </P>




Für sieben Bilder, für weniger einfach eine oder mehrere "Bildurl" weglassen.
Lg,
Julia
Lotitta12
Ja danke werds mal ausprobieren
Lotitta12
hat geklappt, und wie bekomm ich das da anstatt Bild1 und so steht Galoppwiese oder Hengststall hin?
Lotitta12
achso danke
Lotitta12
ja danke ich lass das aber jetzt so wie das ist ich glaub kann geschloßen werden
*Zissi*
- Editiert -

ich bin ein Depp, hatte beim Style noch base=blank oder so stehen...