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] Bildreihe (https://www.gegen-bilderklau.net/thread.php?threadid=69641)


Geschrieben von Alia am 27.06.2006 um 14:10:

  Bildreihe

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



Geschrieben von Jessie am 27.06.2006 um 18:02:

 

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>



Geschrieben von Alia am 27.06.2006 um 19:54:

 

Danke^^
Ich werds bald ausprobieren.


Forensoftware: Burning Board, entwickelt von WoltLab GmbH