Gegen Bilderklau - Das Original (https://www.gegen-bilderklau.net/index.php)
- Design, Website, Copyright (https://www.gegen-bilderklau.net/board.php?boardid=80)
--- Homepagehilfe (https://www.gegen-bilderklau.net/board.php?boardid=27)
---- Homepagehilfe - Archiv (https://www.gegen-bilderklau.net/board.php?boardid=139)
----- [JS] Bildwechsel auf klick? (https://www.gegen-bilderklau.net/thread.php?threadid=65412)


Geschrieben von Lotitta12 am 27.05.2006 um 17:41:

  Bildwechsel auf klick?

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



Geschrieben von Flöckchen am 27.05.2006 um 17:55:

 

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



Geschrieben von Lotitta12 am 27.05.2006 um 19:39:

 

Ja danke werds mal ausprobieren



Geschrieben von Lotitta12 am 28.05.2006 um 15:21:

 

hat geklappt, und wie bekomm ich das da anstatt Bild1 und so steht Galoppwiese oder Hengststall hin?



Geschrieben von Lotitta12 am 28.05.2006 um 21:19:

 

achso danke



Geschrieben von Lotitta12 am 28.05.2006 um 21:34:

 

ja danke ich lass das aber jetzt so wie das ist ich glaub kann geschloßen werden



Geschrieben von *Zissi* am 01.08.2007 um 18:36:

 

- Editiert -

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


Forensoftware: Burning Board, entwickelt von WoltLab GmbH