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 » Tutorials und FAQ » [JS] Slideshow / Bilderwechsel » Hallo Gast [Anmelden|Registrieren]
Letzter Beitrag | Erster ungelesener Beitrag Druckvorschau | Thema zu Favoriten hinzufügen
Seiten (3): [1] 2 3 nächste » Neues Thema erstellen Antwort erstellen
Zum Ende der Seite springen Slideshow / Bilderwechsel
Autor
Beitrag « Vorheriges Thema | Nächstes Thema »
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951
Slideshow / Bilderwechsel Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Ja, ich wurde genervt xp

Ich hoffe es wissen alle, was damit gemeint ist. Wenn man unten auf Bild 1, Bild 2, Bild 3 ... klickt kommen die Bilder.
Der Tutorial funktioniert bei allen HTML Anbietern. ( Piranho, Funpic, Ohost, Arcor ... ) Bei den Baukästen weiß ich es nicht.

Achtung: Nur eine Slideshow pro Seite

Step 1:
Ihr müsst alle Bilder raufladen die ihr braucht bzw haben wollt. Alle Bilder müssen die gleiche Größe haben. Als nächstes öffnet ihr den Windows Editor. [ Start > Alle Programme > Zubehör > Editor ]

Step 2:
Ihr fügt im Editor erstmal den ganzen Code hier ein:
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:

     <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://ponyhofsarchiv.po.ohost.de/Pferde/pfe_001.jpg","http://ponyhofsarchiv.po.ohost.de/Pferde/pfe_002.jpg","http://ponyhofsarchiv.po.ohost.de/Pferde/pfe_003.jpg","http://ponyhofsarchiv.po.ohost.de/Katzen/kat_001.jpg");
/**************************************************/
rahmenBreite = 460; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 352; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#908699";
rahmenHintergrundFarbe = "hg.png";
schriftArt = "verdana";
schriftFarbe = "908699";
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+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#8e927c"
+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>


Step 3:
Ab hier müsst ihr meinen Code verändern:
code: 
1:
2:
3:
4:
5:

/**************************************************/
bilder = new Array("http://ponyhofsarchiv.po.ohost.de/Pferde/pfe_001.jpg","http://ponyhofsarchiv.po.ohost.de/Pferde/pfe_002.jpg","http://ponyhofsarchiv.po.ohost.de/Pferde/pfe_003.jpg","http://ponyhofsarchiv.po.ohost.de/Katzen/kat_001.jpg");
/**************************************************/


new lasst ihr da stehen und bei Array fügt ihr die Bilder ein. Jedes Bild kommt in " und wird ohne Leerzeichen mit einem Komma(,) getrennt.

Step 4:
Nun stellt ihr die Größe der Bilder ein, die Hinweise könnt ihr stehen lassen. Die Breite in px (Pixel) angeben aber keine Einheit dazu.
code: 
1:
2:
3:

rahmenBreite = 460; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 352; // die höhe des rahmens ist gleich die höhe des bildes


Step 5:
Nun müsst ihr die 'Tabelle' einstellen. der RahmenRand ist die Breite des Rahmens, wie bei Step 4 in px. Dann der Stil müsst ihr euch ebend einstellen. dashed ist ebend meiner. Die Rahmenfarbe und der Hintergrund. Entweder als Bild oder ebenfalls als Farbe.
code: 
1:
2:
3:
4:

rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#908699";
rahmenHintergrundFarbe = "hg.png";


Step 6:
Einstellung der Schrift vom Bild 1, Bild 2, Bild 3 ... Wie das geht ist klar, steht ja alles vor. Die Schriftgröße ist nicht in px, sondern Schrifteinheit im HTML. 2 ist die häufigst genutzte.
code: 
1:
2:
3:
4:

schriftArt = "verdana";
schriftFarbe = "908699";
schriftGroesse = 2;


Step 7:
Als Trennzeichen zwischen den Links müsst ihr euch ein Zeichen aussuchen, in diesem Fall habe ich den Bindestrich genommen. Das Zeichen muss in die beiden Anführungszeichen.
code: 
1:

trennZeichen = "-"; // trennzeichen zwischen den links


Step 8:
Nun noch entscheiden ob es von rechts nach links oder von unten nach oben gehen soll. Für rechts nach links die 1 und von unten nach oben die 0. Das ; muss hinter der Zahl stehen bleiben.
code: 
1:

srollVarianten = 1; // 0 = von unten nach oben, 1 = von rechts nach links


Step 9:
Den Code komplett kopieren und im Quelltext/HTMLtext einfügen wo er hinsoll. Bei einer Tabelle zwischen <td></td>

Bei Fragen bitte hier antworten.

MfG;
Ponyhof

__________________
17.08.2007 14:22 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
xXJanineXx xXJanineXx ist weiblich
Supernatural <3


images/avatars/avatar-48869.gif

Dabei seit: 29.04.2007
Beiträge: 2.004
Herkunft: Münster
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Ja ist ja gut^^ Ich weiß das ich genervt habsch...

Ich hab den Code wahrscheinlich voll falsch *g*, auf jedem Fall klappt er ned...
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:

 <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://www.oyla13.de/userdaten/09147771/bilder/Alice.jpg,http://www.oyla13.de/userdaten/09147771/bilder/Alice2.jpg");
/**************************************************/
rahmenBreite = 5050; // 
rahmenHoehe = 380; //
rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#000000";
rahmenHintergrundFarbe = "111111";
schriftArt = "verdana";
schriftFarbe = "000000";
schriftGroesse = 1;
trennZeichen = "-"; // 
srollVarianten = 1; //
/*********************************************************/
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#8e927c"
+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>


__________________


A word's, just a word
'til you mean what you say

And love, isn't love
'til you give it away
bitte klicken

17.08.2007 14:41 xXJanineXx ist offline E-Mail an xXJanineXx senden Homepage von xXJanineXx Beiträge von xXJanineXx suchen Nehmen Sie xXJanineXx in Ihre Freundesliste auf Fügen Sie xXJanineXx in Ihre Kontaktliste ein
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951

Themenstarter Thema begonnen von Ponyhof
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Zitat:
Original von xXJanineXx
code: 
1:
2:
3:
4:
5:
6:
7:
8:
9:
10:
11:
12:
13:
14:
15:
16:


/**************************************************/
bilder = new Array("http://www.oyla13.de/userdaten/09147771/bilder/Alice.jpg,http://www.oyla13.de/userdaten/09147771/bilder/Alice2.jpg");
/**************************************************/
rahmenBreite = 5050; // 
rahmenHoehe = 380; //
rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#000000";
rahmenHintergrundFarbe = "111111";
schriftArt = "verdana";
schriftFarbe = "000000";
schriftGroesse = 1;
trennZeichen = "-"; // 
srollVarianten = 1; //


Also erstmal:
code: 
1:
2:
3:

Array("http://www.oyla13.de/userdaten/09147771/bilder/Alice.jpg","http://www.oyla13.de/userdaten/09147771/bilder/Alice2.jpg");


Deine Bildbreiten ist 5.050 px? Das ist ca 4 1/2 so breit wie dein Bildschirm ^^( bei einer Auflösung von 1024x768 px ). Ansonsten, wie gesagt, weiß ich nicht ob der Code bei Oyla, 1page oder anderen Baukästen funktioniert.

MfG;
Ponyhof

__________________
17.08.2007 14:48 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
xXJanineXx xXJanineXx ist weiblich
Supernatural <3


images/avatars/avatar-48869.gif

Dabei seit: 29.04.2007
Beiträge: 2.004
Herkunft: Münster
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
OHHHHH


Ja gut ein Problem gelöst, aber der zeigt die Bilder ned an verwirrt

__________________


A word's, just a word
'til you mean what you say

And love, isn't love
'til you give it away
bitte klicken

17.08.2007 17:37 xXJanineXx ist offline E-Mail an xXJanineXx senden Homepage von xXJanineXx Beiträge von xXJanineXx suchen Nehmen Sie xXJanineXx in Ihre Freundesliste auf Fügen Sie xXJanineXx in Ihre Kontaktliste ein
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951

Themenstarter Thema begonnen von Ponyhof
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Du musst ja auch zwei Bilder angeben. Jedes Bild muss in " ansonsten liest der das als ein Bild (=


MfG;
Ponyhof

__________________
17.08.2007 18:44 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
Drea Drea ist weiblich
best of you


images/avatars/avatar-54471.jpg

Dabei seit: 30.12.2005
Beiträge: 960
Herkunft: RLP
Name: Andrea
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 hätt mal ne frage..und zwar, welche art von Rahmen gibt es denn noch? Ich kenn mich da noch nicht so aus^^

__________________
17.08.2007 20:51 Drea ist offline Homepage von Drea Beiträge von Drea suchen Nehmen Sie Drea in Ihre Freundesliste auf Fügen Sie Drea in Ihre Kontaktliste ein
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951

Themenstarter Thema begonnen von Ponyhof
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
gestrichelt: dashed
durchgezogen: solid

Die anderen Namen habe ich gerade nicht im Kopf, werde aber mal nachschauen sobald ich die Datei finde.

MfG;
Ponyhof

__________________
18.08.2007 11:26 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
Drea Drea ist weiblich
best of you


images/avatars/avatar-54471.jpg

Dabei seit: 30.12.2005
Beiträge: 960
Herkunft: RLP
Name: Andrea
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Danke Sehr! großes Grinsen

__________________
18.08.2007 17:14 Drea ist offline Homepage von Drea Beiträge von Drea suchen Nehmen Sie Drea in Ihre Freundesliste auf Fügen Sie Drea in Ihre Kontaktliste ein
xXJanineXx xXJanineXx ist weiblich
Supernatural <3


images/avatars/avatar-48869.gif

Dabei seit: 29.04.2007
Beiträge: 2.004
Herkunft: Münster
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
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:

<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://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Portrait5.JPG","http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_0.JPG","http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_14.JPG";"http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_2.JPG","http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_26.JPG","http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_33.JPG","http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_51.JPG";"http://www.oyla13.de/userdaten/09147771/bilder/Hannoveraner_Adriano_Reiten_74.JPG");
/**************************************************/
rahmenBreite = 490; // 
rahmenHoehe = 471; //
rahmenRand = 1;
rahmenStil = "dashed";
rahmenFarbe = "#000000";
rahmenHintergrundFarbe = "111111";
schriftArt = "verdana";
schriftFarbe = "000000";
schriftGroesse = 1;
trennZeichen = "-"; // 
srollVarianten = 1; //
/*********************************************************/
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#8e927c"
+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>









Was ist falsch?? Der will einfach ned angezeigt werden... Also der Code... Ich verzeifle langsame....

__________________


A word's, just a word
'til you mean what you say

And love, isn't love
'til you give it away
bitte klicken

19.08.2007 01:26 xXJanineXx ist offline E-Mail an xXJanineXx senden Homepage von xXJanineXx Beiträge von xXJanineXx suchen Nehmen Sie xXJanineXx in Ihre Freundesliste auf Fügen Sie xXJanineXx in Ihre Kontaktliste ein
.:Shadow:. .:Shadow:. ist weiblich
peta2.de


images/avatars/avatar-46556.png

Dabei seit: 29.04.2007
Beiträge: 2.070
Herkunft: DÜSSELDORF
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Huhu.
Toller Tut, hatte eigentlich gedacht, dass ichs verstanden habe. ABer irgendwie zeigt mir sogar Nvu garnichts an ):
Kann mir vllt. einer helfen? Hier mal der 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:

<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://zgglaedir.zg.funpic.de/hengst7b.jpg","http://zgglaedir.zg.funpic.de/hengst7c.jpg"
rahmenBreite = 415;
rahmenHoehe = 409;
rahmenRand = 1;
rahmenStil = "dotted";
rahmenFarbe = "#909985";
rahmenHintergrundFarbe = "#b6cd99";
schriftArt = "verdana";
schriftFarbe = "000000";
schriftGroesse = 10;
trennZeichen = " . "; srollVarianten = 1;
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#8e927c"
+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=1 cellpadding=0>") :
document.write("<table height="
+rahmenHoehe+" cellspacing=1 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 == "Mozilla Firefox" || 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>

Dankeschön!

__________________
Rule #1 of Anime:
Never screw with a blind monk.
19.08.2007 09:00 .:Shadow:. ist offline E-Mail an .:Shadow:. senden Beiträge von .:Shadow:. suchen Nehmen Sie .:Shadow:. in Ihre Freundesliste auf Fügen Sie .:Shadow:. in Ihre Kontaktliste ein MSN Passport-Profil von .:Shadow:. anzeigen
Hrannar Hrannar ist weiblich
Mitglied


images/avatars/avatar-51777.jpg

Dabei seit: 27.06.2006
Beiträge: 4.094
Herkunft: BW
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
da zeigts in NVU nie was an Augenzwinkern du musst hohladen und dann guggen xD

__________________

It isn't a dream, it's real <3
19.08.2007 11:08 Hrannar ist offline Beiträge von Hrannar suchen Nehmen Sie Hrannar in Ihre Freundesliste auf Fügen Sie Hrannar in Ihre Kontaktliste ein
.:Shadow:. .:Shadow:. ist weiblich
peta2.de


images/avatars/avatar-46556.png

Dabei seit: 29.04.2007
Beiträge: 2.070
Herkunft: DÜSSELDORF
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Oh, okay xD
Ich probiers mal^^
thx vette

Edit: Nö, klappt au nicht. Wird auch nix agezigt *sniff*

__________________
Rule #1 of Anime:
Never screw with a blind monk.


Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von .:Shadow:.: 19.08.2007 11:18.
19.08.2007 11:11 .:Shadow:. ist offline E-Mail an .:Shadow:. senden Beiträge von .:Shadow:. suchen Nehmen Sie .:Shadow:. in Ihre Freundesliste auf Fügen Sie .:Shadow:. in Ihre Kontaktliste ein MSN Passport-Profil von .:Shadow:. anzeigen
xXJanineXx xXJanineXx ist weiblich
Supernatural <3


images/avatars/avatar-48869.gif

Dabei seit: 29.04.2007
Beiträge: 2.004
Herkunft: Münster
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Des Problem habsch au traurig

__________________


A word's, just a word
'til you mean what you say

And love, isn't love
'til you give it away
bitte klicken

19.08.2007 12:20 xXJanineXx ist offline E-Mail an xXJanineXx senden Homepage von xXJanineXx Beiträge von xXJanineXx suchen Nehmen Sie xXJanineXx in Ihre Freundesliste auf Fügen Sie xXJanineXx in Ihre Kontaktliste ein
.:Shadow:. .:Shadow:. ist weiblich
peta2.de


images/avatars/avatar-46556.png

Dabei seit: 29.04.2007
Beiträge: 2.070
Herkunft: DÜSSELDORF
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
O.ô könn wa ja fastn Club aufmachen....
nur meine Hp is ja sogar bei Funpic, da müssts ja eigentlich klappen traurig

__________________
Rule #1 of Anime:
Never screw with a blind monk.
19.08.2007 16:46 .:Shadow:. ist offline E-Mail an .:Shadow:. senden Beiträge von .:Shadow:. suchen Nehmen Sie .:Shadow:. in Ihre Freundesliste auf Fügen Sie .:Shadow:. in Ihre Kontaktliste ein MSN Passport-Profil von .:Shadow:. anzeigen
lill lill ist weiblich
lala x)


images/avatars/avatar-33231.jpg

Dabei seit: 13.02.2005
Beiträge: 1.142
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Kann man anstatt der Links auch Bilder nehmen?
Wenn ja, was muss ich an dem Code ändern?

Danke schonmal
19.08.2007 19:15 lill ist offline E-Mail an lill senden Homepage von lill Beiträge von lill suchen Nehmen Sie lill in Ihre Freundesliste auf Fügen Sie lill in Ihre Kontaktliste ein
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951

Themenstarter Thema begonnen von Ponyhof
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
NVU verändert gerne mal die Angaben die man macht, dann funktioniert das Tutorial nicht, daher Editor und in eine Tabelle hinein. Ich gucke gleich nochmal genauer rüber:

²lill: Ja, aber nicht mit diesem Tutorial.

MfG;
Ponyhof

__________________
19.08.2007 19:34 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
.:Shadow:. .:Shadow:. ist weiblich
peta2.de


images/avatars/avatar-46556.png

Dabei seit: 29.04.2007
Beiträge: 2.070
Herkunft: DÜSSELDORF
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Mh, klappt leider auch nicht *seufz*
Bestimmt hab ich irgendwas total simples falsch gemacht, ich kenn mich doch - nur was *am.kopf.kratz*

__________________
Rule #1 of Anime:
Never screw with a blind monk.
22.08.2007 18:01 .:Shadow:. ist offline E-Mail an .:Shadow:. senden Beiträge von .:Shadow:. suchen Nehmen Sie .:Shadow:. in Ihre Freundesliste auf Fügen Sie .:Shadow:. in Ihre Kontaktliste ein MSN Passport-Profil von .:Shadow:. anzeigen
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951

Themenstarter Thema begonnen von Ponyhof
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Dann zeig mal deinen Code her (=

MfG;
Ponyhof

__________________
22.08.2007 19:36 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
.:Shadow:. .:Shadow:. ist weiblich
peta2.de


images/avatars/avatar-46556.png

Dabei seit: 29.04.2007
Beiträge: 2.070
Herkunft: DÜSSELDORF
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
Zitat:
Original von .:Shadow:.
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:

<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://zgglaedir.zg.funpic.de/hengst7b.jpg","http://zgglaedir.zg.funpic.de/hengst7c.jpg"
rahmenBreite = 415;
rahmenHoehe = 409;
rahmenRand = 1;
rahmenStil = "dotted";
rahmenFarbe = "#909985";
rahmenHintergrundFarbe = "#b6cd99";
schriftArt = "verdana";
schriftFarbe = "000000";
schriftGroesse = 10;
trennZeichen = " . "; srollVarianten = 1;
document.write("<center>"
+"<div id='rahmen' style='width:"
+(rahmenBreite+40)+"; height:"
+(rahmenHoehe+40)+"; border:"
+rahmenRand+"px "
+rahmenStil+" #"
+rahmenFarbe+"; background-color:#8e927c"
+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=1 cellpadding=0>") :
document.write("<table height="
+rahmenHoehe+" cellspacing=1 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 == "Mozilla Firefox" || 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>


Der smile

__________________
Rule #1 of Anime:
Never screw with a blind monk.
25.08.2007 09:02 .:Shadow:. ist offline E-Mail an .:Shadow:. senden Beiträge von .:Shadow:. suchen Nehmen Sie .:Shadow:. in Ihre Freundesliste auf Fügen Sie .:Shadow:. in Ihre Kontaktliste ein MSN Passport-Profil von .:Shadow:. anzeigen
Ponyhof Ponyhof ist weiblich
Mir gehen die Nickänderungen auf den S*ck


images/avatars/avatar-41083.png

Dabei seit: 19.02.2005
Beiträge: 5.951

Themenstarter Thema begonnen von Ponyhof
Auf diesen Beitrag antworten Zitatantwort auf diesen Beitrag erstellen Diesen Beitrag editieren/löschen Diesen Beitrag einem Moderator melden       Zum Anfang der Seite springen
code: 
1:
2:

Array("http://zgglaedir.zg.funpic.de/hengst7b.jpg","http://zgglaedir.zg.funpic.de/hengst7c.jpg");

Du hast das ); vergessen xp
Du musst das mit den Bildern auch schließen, nicht nur öffnen (=

MfG;
Ponyhof

__________________

Dieser Beitrag wurde 1 mal editiert, zum letzten Mal von Ponyhof: 25.08.2007 10:23.
25.08.2007 10:23 Ponyhof ist offline E-Mail an Ponyhof senden Homepage von Ponyhof Beiträge von Ponyhof suchen Nehmen Sie Ponyhof in Ihre Freundesliste auf
Seiten (3): [1] 2 3 nächste » Baumstruktur | Brettstruktur
Gehe zu:
Neues Thema erstellen Antwort erstellen
Gegen Bilderklau - Das Original » Design, Website, Copyright » Homepagehilfe » Tutorials und FAQ » [JS] Slideshow / Bilderwechsel

Impressum

Forensoftware: Burning Board, entwickelt von WoltLab GmbH