gif-Dateien übereinander legen

Susanne

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!

MrJava

Code

<HTML>
<HEAD>
<script language="JavaScript">
<!--
function newImage(arg) {
        if (document.images) {
                rslt = new Image();
                rslt.src = arg;
                return rslt;
        }
}


function changeImages() {
        if (document.images && (preloadFlag == true)) {
                for (var i=0; i<changeImages.arguments.length; i+=2) {
                        document[changeImages.arguments[i]].src = changeImages.arguments[i+1];
                }
        }
}


var preloadFlag = false;
function preloadImages() {
        if (document.images) {
                b1_over = newImage("bild-over.gif");
                preloadFlag = true;
        }
}


// -->
</script>


</HEAD>


<BODY ONLOAD="preloadImages();">


<P onClick="changeImages('b1', 'bild-over.gif'); return true;">
[img]bild.gif[/img]</P>
</BODY>
</HTML>

Alles anzeigen

Susanne

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

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(bild1,bild2) {
    if (document.getElementById("bild").src.indexOf(bild1) > -1) {
      document.getElementById("bild").src = bild2;
    }
    else {
      document.getElementById("bild").src = bild1;
    }
  }
// --> 
</script>

Alles anzeigen

HTML:

Code

[img]img1.gif[/img]

Marcus

Nochmal ich,

hab's einloggen Vergessen.

Tags