Vraag & Antwoord

Webdesign (HTML, CSS, Flash)

Layers

Anoniem
Zeeuw
14 antwoorden
  • Ik heb 4 lagen boven elkaar staan, maar hoe kan ik nou bijvoorbeeld laag 3 naar boven halen?
  • layers waarin….?
    DHTML, Photoshop, Fireworks, …, …?
  • oh, sorry.
    Het is gewoon in html
  • layers in DHTML dus

    layers hebben x-, y- en z-positie
    z-positie bepaalt de plaats van de layer in de 'stapel' zeg maar, dus je zal met deze z-waarde moeten stoeien om hem hoger (bovenaan) in de stapel te krijgen
  • Dus als ik bijvoorbeeld laag 3 bovenaan wil hebben moet ik ervoor zorgen dat de z waarde van laag 1,2 en 4 verlaagd wordt, en de z waarde van laag 3 verhoogd wordt.

    Of heb ik alleen de z waarde van laag 3 te verhogen?

    [ Dit Bericht is bewerkt door: Eddie L op 2002-01-28 16:32 ]
  • De preciese naam is z-index;

    Via javascript kun je dit dynamisch aanpassen.

    Voorbeeld:

    [code:1:4077b07108]
    <script type="text/javascript" language="Javascript">
    <!–
    z = 10;
    //–>
    </script>
    <div style="z-index:5;width:100;height:100px;background:red;position:absolute;top:0px;left:0px;" onclick="this.style.zIndex = z++;"></div>
    <div style="z-index:4;width:100;height:100px;background:blue;position:absolute;top:10px;left:10px;" onclick="this.style.zIndex = z++;"></div>
    <div style="z-index:3;width:100;height:100px;background:green;position:absolute;top:20px;left:20px;" onclick="this.style.zIndex = z++;"></div>
    <div style="z-index:2;width:100;height:100px;background:yellow;position:absolute;top:30px;left:30px;" onclick="this.style.zIndex = z++;"></div>
    [/code:1:4077b07108]
  • Nu snap ik hem.

    Bedankt allemaal!
  • He, hier had ik nog nooit over nagedacht…
    leuk!

    t.
  • Kan ik zo'n laag ook naar boven brengen via een link buiten die div?
  • uiteraard..

    Dan moet je die div's een aparte id geven, <div id="div1" …>..</div>
    <div id="div2" …>..</div>

    en dan maak je, bijvoorbeeld, een link <a href="javascript:zUp('div1')">klik</a>

    <script type="text/javascript" language="Javascript">
    <!–

    z = 10;

    function zUp(id)
    {
    var o;
    if(document.getElementById)
    o = document.getElementById(id).style;
    else if(document.all)
    o = document.all[id].style;
    else if(document.layer)
    o = document.layer[id];

    if(o)
    o.zIndex = z++;
    }
    //–>
    </script>
  • Bij div'jes is het toch zo dat de laatste dic in de HTML-bron bovenop komt en de div die het eerst voorkomt in je bron helemaal onderop. ZO wekt het bij mij site in ieder geval. :wink:
  • Nogmaals bedankt.
  • Haha tegelijk gepost! :smile:
    Ik was je een paar seconde voor!
  • [quote:35ad86c400]
    Op 28-01-2002 21:05, schreef George W. Bush:
    Bij div'jes is het toch zo dat de laatste dic in de HTML-bron bovenop komt en de div die het eerst voorkomt in je bron helemaal onderop. ZO wekt het bij mij site in ieder geval. :wink:

    [/quote:35ad86c400]

    Da's bij ook zo, maar alleen als je de z-index niet opgeeft meen ik te geloven.



Beantwoord deze vraag

Dit is een gearchiveerde pagina. Antwoorden is niet meer mogelijk.