Ergebnis 1 bis 5 von 5

Thema: gif-Dateien übereinander legen

  1. #1
    HTML Newbie
    Registriert seit
    30.11.2004
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard gif-Dateien übereinander legen

    Ich brauche dringend hilfe. Ich muss zwei gif-Dateien übereinander legen, die erste soll sichtbar im Vordergrund liegen und die andere soll nur bei mausklick angezeigt werden. Vielleicht kann mir jemand helfen und sagen, wie ich das HTML technisch umsetzen kann. Danke!
    Achtung: Dies ist ein alter Thread im HTML und Webmaster Forum
    Diese Diskussion ist älter als 90 Tage. Die darin enthaltenen Informationen sind möglicherweise nicht mehr aktuell. Erstelle bitte zu deiner Frage ein neues Thema im Forum !!!!!

  2. #2
    Großmeister(in)
    Registriert seit
    06.07.2004
    Ort
    NRW
    Beiträge
    681
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Code:
    <HTML>
    <HEAD>
    <script language="JavaScript">
    <!--
    function newImage&#40;arg&#41; &#123;
            if &#40;document.images&#41; &#123;
                    rslt = new Image&#40;&#41;;
                    rslt.src = arg;
                    return rslt;
            &#125;
    &#125;
    
    function changeImages&#40;&#41; &#123;
            if &#40;document.images && &#40;preloadFlag == true&#41;&#41; &#123;
                    for &#40;var i=0; i<changeImages.arguments.length; i+=2&#41; &#123;
                            document&#91;changeImages.arguments&#91;i&#93;&#93;.src = changeImages.arguments&#91;i+1&#93;;
                    &#125;
            &#125;
    &#125;
    
    var preloadFlag = false;
    function preloadImages&#40;&#41; &#123;
            if &#40;document.images&#41; &#123;
                    b1_over = newImage&#40;"bild-over.gif"&#41;;
                    preloadFlag = true;
            &#125;
    &#125;
    
    // -->
    </script>
    
    </HEAD>
    
    <BODY ONLOAD="preloadImages&#40;&#41;;">
    
    <P onClick="changeImages&#40;'b1', 'bild-over.gif'&#41;; return true;">
    [img]bild.gif[/img]</P>
    </BODY>
    </HTML>
    System.out.print("Java ist nicht JavaScript!");

  3. #3
    HTML Newbie
    Themenstarter

    Registriert seit
    30.11.2004
    Beiträge
    2
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard

    Vielen Dank....
    Ist auch ne gute Lösung, hab auch schon eine gefunden....

  4. #4
    Gast

    Standard ganz kurz

    Hi,

    ich kann's kürzer :

    Code:
    [img]img1.gif[/img]
    ein wenig komplizierter wird's, wenn beim zweiten Klick wieder das ursprüngliche bild angezeigt werden soll:

    Javascript:
    Code:
    <script language="JavaScript"> 
    <!--
      function bildwechseldich&#40;bild1,bild2&#41; &#123;
        if &#40;document.getElementById&#40;"bild"&#41;.src.indexOf&#40;bild1&#41; > -1&#41; &#123;
          document.getElementById&#40;"bild"&#41;.src = bild2;
        &#125;
        else &#123;
          document.getElementById&#40;"bild"&#41;.src = bild1;
        &#125;
      &#125;
    // --> 
    </script>
    HTML:
    Code:
    [img]img1.gif[/img]

  5. #5
    Fortgeschrittene/r
    Registriert seit
    21.11.2004
    Ort
    Bremen
    Beiträge
    175
    Danke
    0
    Bekam 0 mal "Danke" in 0 Postings

    Standard Ich war das

    Nochmal ich,

    hab's einloggen Vergessen.

Ähnliche Themen

  1. Mehrere Bilder übereinander?
    Von Sohle im Forum HTML & CSS Forum
    Antworten: 14
    Letzter Beitrag: 06.11.2006, 16:22
  2. 2 grafiken übereinander
    Von Klinisch_tot im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 13.09.2006, 06:30
  3. <div> übereinander
    Von ScopeX im Forum HTML & CSS Forum
    Antworten: 3
    Letzter Beitrag: 02.08.2006, 13:11
  4. zwei textfelder übereinander?
    Von im Forum HTML & CSS Forum
    Antworten: 1
    Letzter Beitrag: 09.06.2006, 11:48
  5. Spalten nicht genau übereinander
    Von MyWebLook im Forum HTML & CSS Forum
    Antworten: 5
    Letzter Beitrag: 02.02.2006, 16:08

Stichworte

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •