Gegen Bilderklau - Das Original

Registrierung Mitgliederliste Teammitglieder Suche Häufig gestellte Fragen Statistik Chat Karte Zur Startseite

Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Probleme bei Slideshow » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Zum Ende der Seite springen Probleme bei Slideshow
Beiträge zu diesem Thema Autor Datum
 Probleme bei Slideshow Zimtgruen 25.06.2007 11:49

Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Zimtgruen Zimtgruen ist weiblich
Mitglied


images/avatars/avatar-43750.jpg

Dabei seit: 20.02.2005
Beiträge: 645
Herkunft: Nürnberg

Probleme bei Slideshow Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen

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

__________________

Manche Menschen sind so und manche Menschen sind anders!
Zimtgruen.de

Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von Zimtgruen: 25.06.2007 12:09.

25.06.2007 11:49 Zimtgruen ist offline Homepage von Zimtgruen Beiträge von Zimtgruen suchen Nehmen Sie Zimtgruen in Ihre Freundesliste auf Fügen Sie Zimtgruen in Ihre Kontaktliste ein
Baumstruktur | Brettstruktur
Gehe zu:
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Homepagehilfe - Archiv » [HTML] Probleme bei Slideshow

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH