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

    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>&nbsp;</p>
    </body>
    </html>


    oder so:
    http://www.nof-schule.de/forum/t-bildwe…ng-dynamicdrive / http://www.dynamicdrive.com/dynamicindex14/fadeinslideshow.htm

    "Von all den Dingen, die mir verloren gegangen sind, habe ich am meisten an meinem Verstand gehangen."

    "Wahre Freunde fordern nie, sie erkennen und geben."

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

    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

    Zitat von UlrichB;857717

    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

    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

    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

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden