Holger: Grafiken nach vorne holen

Hallo! Ich habe folgendes Problem:

Ich möchte ein Fotoalbum erstellen, in dem vier Bilder sich in der Mitte überlappen. Dann soll beim überfahren mit der Maus das jeweilige Bild in den Vordergrund treten, so das man es vollständig sehen kann.

Kurz: beim onMouseOver-Tag soll der z-index einer Grafik am größten werden.

Ich hab schon sehr viel rumprobiert, aber ich komm irgendwie nicht weiter. Kann mir hier vielleicht jemand helfen?

Danke Holger.

  1. Hi Holger,

    html
    head
    style
       positioniere die bilder,
       ordne bild x den z-index x zu
    /style
    script
       funktion, der den z-index des betr. bildes erhöht {
       var=100;
       ie: document.all[bildx].style.zIndex = var;
       ns: ...
       }
    /script
    /head

    body
    div id=bild1 <img onmouseover="funktion"> /div
    div id=bild2 <img onmouseover="funktion"> /div
    div id=bild3 <img onmouseover="funktion"> /div
    div id=bild4 <img onmouseover="funktion"> /div
    /body
    /html

    vergiss nicht, den zindex des aktuellen bildes zurückzusetzen, wenn du auf ein neues fährst.

    bye,
    manyak online

    Hallo! Ich habe folgendes Problem:

    Ich möchte ein Fotoalbum erstellen, in dem vier Bilder sich in der Mitte überlappen. Dann soll beim überfahren mit der Maus das jeweilige Bild in den Vordergrund treten, so das man es vollständig sehen kann.

    Kurz: beim onMouseOver-Tag soll der z-index einer Grafik am größten werden.

    Ich hab schon sehr viel rumprobiert, aber ich komm irgendwie nicht weiter. Kann mir hier vielleicht jemand helfen?

    Danke Holger.

    1. body
      div id=bild1 <img onmouseover="funktion"> /div
      div id=bild2 <img onmouseover="funktion"> /div
      div id=bild3 <img onmouseover="funktion"> /div
      div id=bild4 <img onmouseover="funktion"> /div
      /body
      /html

      http://www.teamone.de/selfaktuell/forum/faq/forumsfaq_2.htm#a4