[TransparentOverlay]

























Dieses Beispiel demonstriert, wie Sie zwei Grafiken überlagern können, wobei die obere Grafik zuerst halbtransparent und bei Mouseover ganz transparent geschaltet wird.

[Code]

[zwischen <HEAD> und </HEAD>]

<style type="text/css">
<!--
#imgObj1 { POSITION: absolute;
LEFT: 250px;
TOP: 50px;
Z-INDEX: 2;
FILTER: Alpha(opacity=50);
}

#imgObj2 { POSITION: absolute;
LEFT: 250px;
TOP: 50px;
Z-INDEX: 1;
}
-->
</style>

[zwischen <BODY> und </BODY>]

<SPAN id=imgObj1 onmouseover="imgObj1.filters.alpha.opacity=100" onmouseout="imgObj1.filters.alpha.opacity=50">
<IMG src="bild_1.jpg" height="400" width="272">
</SPAN>
<SPAN id=imgObj2>
<IMG src="bild_2.jpg" height="400" width="272">
</SPAN>

[Autor]

Nightfire himself

[Download]

Kopieren Sie bitte den Code

Copyright © 1998- Nightfire Webworker Archiv Script No: 483