Andi: Bilderwechsel

Hi,

Ich möchte auf meiner HP ein Bild, das wenn man drauf klickt zu einem anderen Bild wird. Es sind insgesamt 7 Bilder die ich nacheinander wechseln lassen will. Danach soll wieder das 1. Bild erscheinen. Bis jetzt habe ich es nur geschafft, ein Bild zum nächsten zu wechseln.

Quelltext:

<script type="text/javascript">

src= new Array();
src[0] = "img1.bmp";
src[1] = "img2.bmp";
src[2] = "img3.bmp";
    .
    .
    .

function next () {
  document.images[0].src = src[0];
  document.images[1].src = src[1];
  document.images[2].src = src[2];
                  .
                  .
                  .
}

</script>
...

<a href="javascript:next()"><img src="img1.bmp"></a>

  1. Hallo Andi

    Ich möchte auf meiner HP ein Bild, das wenn man drauf klickt zu einem anderen Bild wird.

    Quelltext:
    ...
    function next () {
      document.images[0].src = src[0];

    Die erste Grafik im Dokument wird also zu img1.bmp.
    (Ich dachte, die sollte wechseln.)

    document.images[1].src = src[1];

    Die zweite Grafik im Dokument wird also zu img2.bmp.
    (Gibt es überhaupt mehrere Grafiken in deinem Dokument?)

    <a href="javascript:next()"><img src="img1.bmp"></a>

    BMP ist kein geeignetes Format für HTML-Seiten.

    Du musst eine Variable anlegen, diese in der Funktion next() jeweils um eins
    erhöhen und wenn sie zu groß wird, wieder auf 0 setzen.
    Diese Variable verwendest du dann als Index für dein src-Array.

    Auf Wiederlesen
    Detlef

    --
    - Wissen ist gut
    - Können ist besser
    - aber das Beste und Interessanteste ist der Weg dahin!
    1. Danke für deine schnelle Antwort! Werde die Bilder converten.
      cya

      1. Hallo Andi.

        Danke für deine schnelle Antwort! Werde die Bilder converten.

        Was wirst du?

        Einen schönen Samstag noch.

        Gruß, Ashura

        --
        Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
        30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
        Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
        [Deshalb frei! - Argumente pro freie Software]
        1. hi,

          Danke für deine schnelle Antwort! Werde die Bilder converten.

          Was wirst du?

          er will sie zu einem wechsel der religion überreden, wenn ich das richtig interpretiert habe.

          gruß,
          wahsaga

          --
          /voodoo.css:
          #GeorgeWBush { position:absolute; bottom:-6ft; }
          1. Hallo wahsaga.

            Danke für deine schnelle Antwort! Werde die Bilder converten.

            Was wirst du?

            er will sie zu einem wechsel der religion überreden, wenn ich das richtig interpretiert habe.

            Wie dumm von mir, dass nicht zu wissen. Danke.

            Einen schönen Samstag noch.

            Gruß, Ashura

            --
            Selfcode: sh:( fo:} ch:? rl:( br: n4:~ ie:{ mo:| va:) de:> zu:) fl:( ss:) ls:[ js:|
            30 Days to becoming an Opera8 Lover -- Day 21: Toolbars
            Meine Browser: Opera 8.02 | Firefox 1.0.6 | Lynx 2.8.5 | Netscape 4.7 | IE 6.0
            [Deshalb frei! - Argumente pro freie Software]