hrastyy: Bildwechsel: Problem

Hallo^^

Ich habe ein Problem: ich möchte ein JavaScript schreiben welches drei Bilder in einem img-Tag auswechselt. Mit zwei Bildern habe ich es bereits zum laufen gebracht. Dann wollte ich die URLs der Bilder in einem Array speichern (damit man das JavaScript später seitenweit ohne große Änderungen einsetzen kann). Doch dann funktionierte nichts mehr...
Ich arbeite nach HTML5-Standard, in ASPX-Seiten mit Master-Page.
Mein Code:

  
onload = changeimg('himg');  
  
        var ImgUrls = new Array();  
        ImgUrls[0] = "pics/2_tux4.jpg";  
        ImgUrls[1] = "pics/2_tux2.jpg";  
        ImgUrls[2] = "pics/2_tux1.jpg";  
  
        var imgtimeout = 750;  
        function changeimg(imgid) {window.setTimeout(ImgChange(imgid), imgtimeout);}  
  
        function ImgChange(imgid) {  
            var source = document.getElementById(imgid);  
  
            for (var c = 0; c < ImgUrls.length; c++) {  
                source.src = ImgUrls[c];  
            }  
        }  

  
<%@ Page Title="" Language="C#" MasterPageFile="~/3ahwii/Site.Master" AutoEventWireup="true" CodeBehind="2_pinguine.aspx.cs" Inherits="_3ahwii._3ahwii._2_pinguine" %>  
<asp:Content ID="Content1" ContentPlaceHolderID="HeadContent" runat="server">  
    <style type="text/css">  
        img  
        {  
            text-align: center;  
            height: 300px;  
            width: 512px;  
            padding: 0px 256px;  
        }  
    </style>  
</asp:Content>  
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">  
    <h1>Wandgestaltung</h1><hr />  
    <img style="height: 300px; width: 512px;" src="pics/2_tux4.jpg" id="himg" />  
  
</asp:Content>  

Ich hab das JavaScript und den HTML-Teil nur hier getrennt. Im Dokument hab ich das Script als Head-Tag inkludiert.

Ich kenne mich mit JavaScripts leider nur ansatzweise aus.
Könnt ihr mir bitte sagen, was ich anders machen muss, damit es läuft und das Bild nach einer bestimmten Zeit (bei mir die Variable "imgtimeout" ausgetauscht wird)?

  1. @@hrastyy:

    nuqneH

    Ich kenne mich mit JavaScripts leider nur ansatzweise aus.

    Da hilft dir ein kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts – der sich zufällig auch noch mit einem Bildwechsler beschäftigt.

    Und wenn du’s gern bewegt hättest: Reusable Code - For Good or For Awesome! von Jake Archibald auf der beyond tellerrand 2011 (Video, Slides)

    Qapla'

    --
    Gut sein ist edel. Andere lehren, gut zu sein, ist noch edler. Und einfacher.
    (Mark Twain)
    1. @@hrastyy:

      nuqneH

      Ich kenne mich mit JavaScripts leider nur ansatzweise aus.

      Da hilft dir ein kleiner Lehrgang zum vernünftigen Schreiben eines JavaScripts – der sich zufällig auch noch mit einem Bildwechsler beschäftigt.

      Qapla'

      Vielen Dank! Das kann ich echt gut gebrauchen =D

      bin zwar schon ohne das weitergekommen (so weit dass ich beim Array zwar OutOfRange komme, aber sonst alles läuft), aber werde es mir auf jeden Fall anschauen^^

      1. Om nah hoo pez nyeetz, hrastyy!

        Vielen Dank! Das kann ich echt gut gebrauchen =D

        und mach dir bei der Gelegenheit auch den Unterschied zwischen Tag und Element klar!

        Matthias

        --
        1/z ist kein Blatt Papier.

    2. Und wenn du’s gern bewegt hättest: Reusable Code - For Good or For Awesome! von Jake Archibald auf der beyond tellerrand 2011 (Video, Slides)

      Gott, ist das Video grottig. 100% heiße Luft, 0% Inhalt und dazu mittelmäßige Comedy. Wer zahlt dafür? Das kann doch nicht ernst gemeint sein? Welchem Entwickler soll dieser Grundlagenlehrgang was bringen? Ach was, Grundlagen sind das ja nichtmal. Binsenweisheiten sind das. Ich weiß schon, warum ich mich nicht auf solchen Veranstaltungen rumtreibe. Da geh ich lieber in ne ehrliche Kneipe und trink ein paar Bier. Der Fader-Lehrgang hingegen ist für den interessierten Anfänger hingegen wirklich gut gemacht.