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!
gif-Dateien übereinander legen
-
Code
Alles anzeigen<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> -
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
Alles anzeigen<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>HTML:
Code[img]img1.gif[/img] -
Nochmal ich,
hab's einloggen Vergessen.