Ein- und Ausblendungen
1. Zeigen / Verstecken (Show / Hide)
2. Wegblenden (Zoom out)
Hier kannst Du eine Grafik per Mausklick ein- oder ausschalten
bzw auch mit Effekt ausblenden.
zwischen <head> und <body> einfügen:
<script language="JavaScript1.2"> <!-- **** vor alten Browsern verstecken **** // by Stefan Klinger manitou@gmx.net var x=0; var ready=0; function blende() { if (document.layers) { //Netscape document.gif1.clip.right=document.gif1.clip.right-2; document.gif1.clip.left=document.gif1.clip.left+2; document.gif1.clip.top=document.gif1.clip.top+2; document.gif1.clip.bottom=document.gif1.clip.bottom-2; if ((document.gif1.clip.right==document.gif1.clip.left) || (document.gif1.clip.bottom==document.gif1.clip.top)) {document.gif1.clip.right=138;document.gif1.clip.left=0; document.gif1.clip.top=0;document.gif1.clip.bottom=131; ready=1;} } else { //Internet Explorer x+=2; // rect(top right bottom left) document.all.gif1.style.clip="rect("+x+" "+(138-x)+" "+(131-x)+" "+x+")"; if (x>138) {document.all.gif1.style.clip="rect(0 138 131 0)"; x=0;ready=1;} } if (ready==0) setTimeout("blende()",20); else ready=0; } function onoff() { if (document.layers) { //Netscape if (document.gif1.visibility=="show") {document.gif1.visibility="hide"} else {document.gif1.visibility="show";} } else{ //Internet Explorer if (document.all.gif1.style.visibility=="visible") document.all.gif1.style.visibility="hidden"; else document.all.gif1.style.visibility="visible"; } } //--> </script>
im <body> einfügen:
<div id="gif1" style="position: absolute;top: 150;left: 100;z-index: 1;visibility: hidden"> <table cellspacing="0"> <tr> <td><img src="../gifs/homepage.jpg" width="110" height="50"></td> </tr> </table> </div><div id="steuerung" style="position: absolute;top: 150;left: 350;z-index: 1;"><a href="javascript:onoff()">
Autor:
Stefan Klinger
