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] Kleines Problem mit Java Script (https://www.gegen-bilderklau.net/thread.php?threadid=55544)
Geschrieben von Startpost-Retter am 19.03.2006 um 13:21:
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...
Geschrieben von Black Katrin am 24.03.2006 um 16:19:
| 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
Geschrieben von Tobi28 am 30.04.2006 um 14:43:
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?
Geschrieben von Black Katrin am 30.04.2006 um 16:42:
das geht nit da das 1 2 3 is ja aufgezählt... januar februar sind verschiedene namen
Geschrieben von janinchen am 30.05.2006 um 23:42:
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)
Forensoftware: Burning Board, entwickelt von WoltLab GmbH