 Kleines Problem mit Java Script |
Startpost-Retter
Mitglied
Dabei seit: 24.01.2011
Beiträge: 12.246
Herkunft: Gegen Bilderklau, intern
 |
|
| Kleines Problem mit Java Script |
     |
Tja, ich hab so nen Auftrag bekommen.
Eine Tabelle.
Da sollte so ein "Filmstreifen" drinne sein.
Habe den Code gefunden, aber irgendwie funktioniert das nicht. Vorallem weil ich ihr einen Code geschickt habe, der funktionierte noch bei mir. Zurück kam der gleiche bloß mit Bildern. Dieser funktionierte überhaupt nicht.
Hiermal der ohne Bilder:
| 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:
|
<html>
<head>
<meta http-equiv="Content-Language" content="de">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<meta name="GENERATOR" content="Microsoft FrontPage 4.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<title></title>
<style type="text/css">
<!--
.unnamed1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #000000}
-->
</style>
</head>
<body class="unnamed1">
<div align="center" class="unnamed1">
<center class="unnamed1">
<p class="unnamed1"><a href="http://www.stmaurice.lima-city.de/stecki_allg.html" class="unnamed1">Allgemein</a>
/ <a href="http://www.stmaurice.lima-city.de/stecki_aus.html" class="unnamed1">Ausbildung</a>
/ <a href="http://www.stmaurice.lima-city.de/stecki_ver.html"><span class="unnamed1">Verhalten</span></a>
/ <a href="http://www.stmaurice.lima-city.de/stecki_gesund.html" class="unnamed1"><span class="unnamed1">Gesundheit</span></a>
/ <span class="unnamed1"><a href="http://www.stmaurice.lima-city.de/stecki_zucht.html" class="unnamed1">Zucht</a></span>
/ <a href="http://w ww.stmaurice.lima-city.de/stecki_sonst.html" class="unnamed1">Sonstiges</a>
/ <a href="http://www.stmaurice.lima-city.de/stecki_kaufen.html" class="unnamed1">Kaufinfos</a>
/ <a href="http://www.stmaurice.lima-city.de/stecki_foto.html" class="unnamed1"><s>Fotoalbum</s></a></p>
<table border="1" width="330" height="17" bordercolor="#FFFFFF" bordercolorlight="#FFFFFF" class="unnamed1">
<tr>
<td width="330" height="6" bgdcolor="ffffff" class="unnamed1">
<p align="center"><b><font size="" face="Verdana"><!--webbot
bot="HTMLMarkup" startspan -->
<link rel="stylesheet" href="http://home.arcor.de/darklauri/stecki_alina/style.css">
<!--webbot
bot="HTMLMarkup" endspan --><span class="unnamed1"> Fotos</span></font></b>
</td>
</tr>
<tr>
<td width="330" height="10" class="unnamed1">
<p align="center"><font size="1" face="Verdana"><!--webbot
bot="HTMLMarkup" startspan -->
<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("nofoto.jpg","nofoto.jpg","nofoto.jpg","nofoto.jpg","nofoto.jpg","nofoto.jpg");
/**************************************************/
rahmenBreite = 250; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 200; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 1;
rahmenStil = "dotted";
rahmenFarbe = "606C77";
rahmenHintergrundFarbe = "DCDFE2";
schriftArt = "verdana";
schriftFarbe = "363D43";
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+30)+"; height:"
+(rahmenHoehe+30)+"; 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>
<!--webbot bot="HTMLMarkup" endspan --> </font>
</td>
</tr>
<tr>
<td width="330" height="3" background="" class="unnamed1">
<p align="center" class="unnamed1"><font face="Verdana"><b><font size="1"><span class="unnamed1">Fotograf
</span></font></b><span class="unnamed1"><font size="1">-/-</font></span></font>
</td>
</tr>
</table>
</center>
</div>
</body>
</html> |
|
Eigentlich müsste man dann nur noch bei nofoto.jpg das eigene Bild reinsetzten. Funktst aber anscheinend net...
__________________
Dieser Beitrag gehörte zu einer Löschaktion von Beiträgen eines Users, er wurde diesem User überschrieben, damit der Thread nicht an Sinn verliert.
Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von ANGEL_05: 19.03.2006 13:21.
|
|
19.03.2006 13:21 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
|
|
| 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:
|
<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 = 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> |
|
sattt fotos/marianne1.jpg gibste die bild addy an
|
|
|
24.03.2006 16:19 |
|
|
Tobi28
Mitglied
Dabei seit: 16.07.2005
Beiträge: 198
|
|
vllt antwortetmir noch jemand, aber wie schaffe ich es, das anstatt Bild 1, 2 3 4 56 .... da Januar, Februar, März, April,..., Dezember steht?
__________________
|
|
|
30.04.2006 14:43 |
|
|
Black Katrin
Mitglied
Dabei seit: 22.11.2005
Beiträge: 7.125
Herkunft: Schweiz
|
|
das geht nit da das 1 2 3 is ja aufgezählt... januar februar sind verschiedene namen
|
|
|
30.04.2006 16:42 |
|
|
janinchen
It's me!
Dabei seit: 24.11.2005
Beiträge: 1.043
Herkunft: Baden-Württemberg
|
|
Ah, das hab ich gesucht, ein Retter 
Hab den Code bei mir auch eingebaut ^^
Klappt soweit alles, nur irgendwie ist alles etwas verschoben da. Obwohl die Bildgröße 500 x 500 ist und ich das auch eingestellt hab, stimmt was nicht. da ist irgendwie noch so ein Rahmen drum... Krieg ich den weg?
Hab mal die Datei angehängt und auch ein Screen gemacht, weil die Page noch nicht online ist und somit die Bilder nicht angezeigt werden
Mich stört es, dass die Bilder nicht genau darein "passen" hab den Code auch schon aus der Tabelle rausgeholt (hätt ja sein können, dass es daran liegt 
) aber genau das gleiche Ergebnis. Vllt. kann mir das jemand erklären, was ich ändern muss??!! Wär echt lieb!
Hier noch mein 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:
|
[...]
<table align="center" background="../../../Bilder/Sonstiges/Tabellenhintergrund1.png" border="1">
<tbody>
<tr>
<td background="../../../Bilder/Sonstiges/Tabellenhintergrund2.png">
<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("Mowgli1.jpg","Mowgli2.jpg","Mowgli3.jpg","Mowgli4.jpg");
/**************************************************/
rahmenBreite = 500; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 500; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 0;
rahmenStil = "solid";
rahmenFarbe = "#000000";
rahmenHintergrundFarbe = "#FFFFFF";
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+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>
</td>
<tr>[...] |
|
Achso: Alle Bilder sind übrigens gleich groß (500 x 500 px)
__________________
Dieser Beitrag wurde 3 mal editiert, zum letzten Mal von janinchen: 30.05.2006 23:46.
|
|
|
30.05.2006 23:42 |
|
|
|
Impressum
|
