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


Geschrieben von Engeli am 20.10.2006 um 19:23:

  Slideshow

Hallöchen

Ich brauche für meine Homepage eine Slideshow.
Denn code habe ich aber ich weiss nicht genau wie ich das jetzt machen muss also ich muss Bilder hochladen und dann einsetzen muss ich da irgendwas beachten ?
Denn wenn ich jetzt den Code einfüge kommt nur der Code selber.
Und wenn ich eine kleine Beschreibung zu dem Bild will wo muss der dann hin 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:
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("bild.jpg","bild1.jpg","bild2.jpg","bild3.jpg");

/**************************************************/

rahmenBreite = 645; // die breite des rahmens ist gleich die breite des bildes
rahmenHoehe = 455; // die höhe des rahmens ist gleich die höhe des bildes
rahmenRand = 0;
rahmenStil = "dotted";
rahmenFarbe = "#C0C0C0";
rahmenHintergrundFarbe = "#e1e1e1";

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='java script: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)*5/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 Flöckchen am 20.10.2006 um 19:32:

 

Hey,
Hast du mit Javascript probiert?

Unter "bild.jpg" ect. musst du einfach nur die Bilderadresse gehen das "bild.jpg" eintauschen.

Und Größe ist ja klar, einfach die Größe der Bilder [die alle gleichgroß sein sollten] angeben.

Lg,
Julia



Geschrieben von Engeli am 20.10.2006 um 20:26:

 

Ouh ich hab's gefunden ich hab die Grösse nicht angegeben ^^
Wenn ich das jetzt bei Komposer einfüge wie geht das ..
Ich mein soll ich mal versuchen es bei Hmtl code einzufügen oder soll ich's einfach in ne Leere seite einfügen ?



Geschrieben von Flöckchen am 20.10.2006 um 20:36:

 

HTML Augenzwinkern
Oder wie meinst du die leere Seite?



Geschrieben von Engeli am 20.10.2006 um 20:51:

 

Also mit leere Seite mein ich einfach einfügen ^^
xD



Geschrieben von Flöckchen am 20.10.2006 um 21:02:

 

Also in HTML oder Javascript musst du das schon machen fröhlich



Geschrieben von Engeli am 22.10.2006 um 17:59:

 

Und wo kommt die Beschreibung des Bild's hin ?



Geschrieben von Flöckchen am 22.10.2006 um 20:36:

 

Soweit ich weiß, geht das nicht. Kannst es mit einem Grafikprogramm ja aufs Bild schreiben, sieht doch auch nett aus.


Forensoftware: Burning Board, entwickelt von WoltLab GmbH