Box, in der nacheinander verschiedene Bilder gezeigt werden - Paules-PC-Forum.de

Nono · 26.05.2011, 13:24

Hallo.
Ich würde gerne auf die Startseite meiner Homepage eine Box machen, wo nacheinander Bilder gezeigt werden. Ich weiß leider nicht wie das geht. Kann mir jemand den html code dafür sagen? Ein Beispiel findet ihr auf der Startseite von League Of Legends. Würde mich freuen wenn mir einer helfen kann.
MfG Nono

Thomas2010 · 26.05.2011, 17:46

Hi,

das wäre eine Möglichkeit:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<title>Untitled Document</title>

<script language="JavaScript" type="text/JavaScript">

var bilder = new Array();

bilder[0] = "1_4_meine_tiere/1.jpg";
bilder[1] = "1_4_meine_tiere/2.jpg";
bilder[2] = "1_4_meine_tiere/3.jpg";
bilder[3] = "1_4_meine_tiere/4.jpg";
bilder[4] = "1_4_meine_tiere/5.jpg";
bilder[5] = "1_4_meine_tiere/6.jpg";
bilder[6] = "1_4_meine_tiere/7.jpg";
bilder[7] = "1_4_meine_tiere/8.jpg";

var timer = 1000; 
var arraylaenge = bilder.length;
var index = Math.floor(Math.random() * arraylaenge);
var Bildstring = '<img src="' + bilder[index] + '">';

function Bildwechsel () {
if (index == arraylaenge-1) {
index = 0;
} else {
index++;
}
Bildstring = '<img src="' + bilder[index] + '">';
document.all.Bild.innerHTML = Bildstring;
setTimeout("Bildwechsel()", timer);
}

function Bildanzeige () {
document.all.Bild.innerHTML = Bildstring;
Bildwechsel();
}
</script>

</head>

<body onLoad="Bildanzeige()">

<div id=Bild>
</div>
<p> </p>
</body>
</html>

oder so:
http://www.nof-schule.de/forum/t-bil...g-dynamicdrive / http://www.dynamicdrive.com/dynamici...nslideshow.htm

UlrichB · 26.05.2011, 18:21

Hallo Nono,
mit Flash geht's auch:
Free Flash Slideshow Maker - Free Flash Banner Creator
Flash Components | Flabell
Viele Grüße - Ulrich

Nono · 26.05.2011, 21:00

Vielen Dank euch beiden. Habe gerade keine Zeit aber ich werde es morgen mal ausprobieren und werde dann nochmal sagen ob es geklappt hat.

Nono · 27.05.2011, 16:54

Also ich habe eine Homepage von Homepage-Baukasten. Was wäre da die beste Lösung?

UlrichB · 27.05.2011, 17:38

Hallo Nono,
egal, ob Du es mit Javascript oder Flash machst, in beiden Fällen musst Du HTML- und ggf. Javascript-Code in deine Seite einbauen. Du kannst dir also die Slideshow aussuchen, die dir vom Aussehen her am besten gefällt. Schau mal in deinem Baukasten oder lies in der Bedienungsanleitung, wie es geht. Häufig gibt es so einen Button, der mit "HTML" beschriftet ist. Oder im Menü "Einfügen - HTML".
Viel Erfolg und viele Grüße - Ulrich

Nono · 27.05.2011, 19:02

Zitat:

Zitat von UlrichB

Hallo Nono,
egal, ob Du es mit Javascript oder Flash machst, in beiden Fällen musst Du HTML- und ggf. Javascript-Code in deine Seite einbauen. Du kannst dir also die Slideshow aussuchen, die dir vom Aussehen her am besten gefällt. Schau mal in deinem Baukasten oder lies in der Bedienungsanleitung, wie es geht. Häufig gibt es so einen Button, der mit "HTML" beschriftet ist. Oder im Menü "Einfügen - HTML".
Viel Erfolg und viele Grüße - Ulrich

Hallo Ulrich,
das mit dem "HTML" Button ist mir klar, sonst hätte ich ja auch nicht nach einem HTML-Code gefragt. Das Problem ist nur, dass man ja auch das Verzeichnis der Bilder angeben muss. (oder nicht?) Und da man die Bilder auf Homepage-Baukasten hochladen muss weiß ich nicht wie ich das genau machen muss. Bei den Links z.B. die du mir gesagt hast geht es nicht, da ich mit dem Programm ja die Bilder von meinem PC einfüge. Und Homepage-Baukasten kennt die Bilder ja nicht. Ich habe die Bilder auch hochgeladen aber ich weiß nicht wie das jetzt gehen sollte. Und mit dem Code von Thomas kann ich leider auch nichts anfangen, weil bei Homepage-Baukasten kein "head" und "body" etc verlangt wird und da weiß ich ebenfalls nicht wie ich das machen soll. Bin leider noch nicht so fortgeschritten in html aber ich hoffe ihr könnt mir dabei noch irgentwie weiterhelfen.
MfG Nono

UlrichB · 27.05.2011, 19:47

Hallo Nono,
Du hast Recht, die Flash-Slideshows kannst Du beim Homepagebaukasten nicht verwenden, da Du bei der kostenlosen Variante die swf-Datei nicht hochladen kannst. Es ginge nur, wenn Du diese bei einem anderen Freehoster, z. B. Arcor, hosten würdest.
Die Bilder kannst Du beim Homepage-Baukasten hochladen. Die URL bekommst Du heraus, indem Du ein Bild einfügst und dir den Quelltext ansiehst. In dem betr. img-Tag siehst Du dann die URL.
In der Quelltext-Ansicht des Homepage-Baukastens befindest Du dich im body-Bereich. Dort kannst Du auch den Javascript-Code einfügen. Es wird zwar empfohlen und ist am saubersten, diesen im head-Bereich einzutragen, aber ein Skript funktioniert genau so gut, wenn es im Body steht.
Viele Grüße - Ulrich

Nono · 27.05.2011, 20:24

So... Danke erstmal... also ich hab es jetzt mit dem HTML Code von Thomas hin bekommen. Jetzt möchte ich noch wissen wie man einen Rahmen darum macht.
MfG Nono

UlrichB · 27.05.2011, 20:44

Hallo Nono,
hier wird beschrieben, wie man einen Rahmen definiert:
SELFHTML: Stylesheets / CSS-Eigenschaften / Rahmen
Den Rahmen kannst Du im div-Tag definieren:

Code:

<div id=Bild style="border:5px solid black;">
</div>

26.05.2011, 13:24	#1 (Direktlink)
Nono Erfolgreich angemeldet Registriert seit: 23.05.2011 Beiträge: 7	Box, in der nacheinander verschiedene Bilder gezeigt werden Hallo. Ich würde gerne auf die Startseite meiner Homepage eine Box machen, wo nacheinander Bilder gezeigt werden. Ich weiß leider nicht wie das geht. Kann mir jemand den html code dafür sagen? Ein Beispiel findet ihr auf der Startseite von League Of Legends. Würde mich freuen wenn mir einer helfen kann. MfG Nono

26.05.2011, 17:46	#2 (Direktlink)
Thomas2010 Dauergast Registriert seit: 10.10.2010 Ort: 50° 57′ N, 10° 43′ O Alter: 52 Beiträge: 1.857	Hi, das wäre eine Möglichkeit: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" /> <title>Untitled Document</title> <script language="JavaScript" type="text/JavaScript"> var bilder = new Array(); bilder[0] = "1_4_meine_tiere/1.jpg"; bilder[1] = "1_4_meine_tiere/2.jpg"; bilder[2] = "1_4_meine_tiere/3.jpg"; bilder[3] = "1_4_meine_tiere/4.jpg"; bilder[4] = "1_4_meine_tiere/5.jpg"; bilder[5] = "1_4_meine_tiere/6.jpg"; bilder[6] = "1_4_meine_tiere/7.jpg"; bilder[7] = "1_4_meine_tiere/8.jpg"; var timer = 1000; <!--Millisekunden--> var arraylaenge = bilder.length; var index = Math.floor(Math.random() * arraylaenge); var Bildstring = '<img src="' + bilder[index] + '">'; function Bildwechsel () { if (index == arraylaenge-1) { index = 0; } else { index++; } Bildstring = '<img src="' + bilder[index] + '">'; document.all.Bild.innerHTML = Bildstring; setTimeout("Bildwechsel()", timer); } function Bildanzeige () { document.all.Bild.innerHTML = Bildstring; Bildwechsel(); } </script> </head> <body onLoad="Bildanzeige()"> <div id=Bild> </div> <p> </p> </body> </html> oder so: http://www.nof-schule.de/forum/t-bil...g-dynamicdrive / http://www.dynamicdrive.com/dynamici...nslideshow.htm __________________ Jetzt -- ist schon vorbei. © Walter Ludin Geändert von Thomas2010 (26.05.2011 um 18:06 Uhr)

27.05.2011, 20:44	#10 (Direktlink)
UlrichB Ist öfter hier Registriert seit: 16.06.2005 Beiträge: 57	Hallo Nono, hier wird beschrieben, wie man einen Rahmen definiert: SELFHTML: Stylesheets / CSS-Eigenschaften / Rahmen Den Rahmen kannst Du im div-Tag definieren: Code: <div id=Bild style="border:5px solid black;"> </div>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Verschiedene Rechner zur Auswahl!Welcher solls werden???	marba	Hardware - Kaufempfehlungen	5	04.10.2010 11:19
Verschiedene Seiten können nicht aufgerufen werden.	pfesel	Viren-Forum	44	04.02.2009 16:58
Bilder auf alter Festplatte werden nicht gezeigt	Florin Kas	Windows XP	2	08.08.2007 11:34
Bilder,ActiveX werden nicht mehr in HTML-Seiten gezeigt	Tomy2514	Windows XP	5	19.03.2005 18:02
Rambänke nacheinander angesprochen ?	rosbud	Hardware - Problemlösungen	4	20.10.2004 19:30

26.05.2011, 18:21	#3 (Direktlink)
UlrichB Ist öfter hier Registriert seit: 16.06.2005 Beiträge: 57	Hallo Nono, mit Flash geht's auch: Free Flash Slideshow Maker - Free Flash Banner Creator Flash Components \| Flabell Viele Grüße - Ulrich

26.05.2011, 21:00	#4 (Direktlink)
Nono Erfolgreich angemeldet Registriert seit: 23.05.2011 Beiträge: 7	Vielen Dank euch beiden. Habe gerade keine Zeit aber ich werde es morgen mal ausprobieren und werde dann nochmal sagen ob es geklappt hat.

27.05.2011, 16:54	#5 (Direktlink)
Nono Erfolgreich angemeldet Registriert seit: 23.05.2011 Beiträge: 7	Also ich habe eine Homepage von Homepage-Baukasten. Was wäre da die beste Lösung?

27.05.2011, 17:38	#6 (Direktlink)
UlrichB Ist öfter hier Registriert seit: 16.06.2005 Beiträge: 57	Hallo Nono, egal, ob Du es mit Javascript oder Flash machst, in beiden Fällen musst Du HTML- und ggf. Javascript-Code in deine Seite einbauen. Du kannst dir also die Slideshow aussuchen, die dir vom Aussehen her am besten gefällt. Schau mal in deinem Baukasten oder lies in der Bedienungsanleitung, wie es geht. Häufig gibt es so einen Button, der mit "HTML" beschriftet ist. Oder im Menü "Einfügen - HTML". Viel Erfolg und viele Grüße - Ulrich

27.05.2011, 19:47	#8 (Direktlink)
UlrichB Ist öfter hier Registriert seit: 16.06.2005 Beiträge: 57	Hallo Nono, Du hast Recht, die Flash-Slideshows kannst Du beim Homepagebaukasten nicht verwenden, da Du bei der kostenlosen Variante die swf-Datei nicht hochladen kannst. Es ginge nur, wenn Du diese bei einem anderen Freehoster, z. B. Arcor, hosten würdest. Die Bilder kannst Du beim Homepage-Baukasten hochladen. Die URL bekommst Du heraus, indem Du ein Bild einfügst und dir den Quelltext ansiehst. In dem betr. img-Tag siehst Du dann die URL. In der Quelltext-Ansicht des Homepage-Baukastens befindest Du dich im body-Bereich. Dort kannst Du auch den Javascript-Code einfügen. Es wird zwar empfohlen und ist am saubersten, diesen im head-Bereich einzutragen, aber ein Skript funktioniert genau so gut, wenn es im Body steht. Viele Grüße - Ulrich

27.05.2011, 20:24	#9 (Direktlink)
Nono Erfolgreich angemeldet Registriert seit: 23.05.2011 Beiträge: 7	So... Danke erstmal... also ich hab es jetzt mit dem HTML Code von Thomas hin bekommen. Jetzt möchte ich noch wissen wie man einen Rahmen darum macht. MfG Nono