Meine HTML und CSS Tipps

zurück

Bei "onMouseOver" Bild vergrößern

Bei Einbindung des folgendes Scripts vergrößert sich das Bild, wenn es mit der Mouse berührt wird.

Funktioniert leider nicht im Netscape 4.x

  

Aussehen (z. B.)

Kakteen
Bei Mouse-Berührung vergrößert sich das Bild!

1. Schritt:   Einbinden in <head>:

<style type="text/css"> <!--
a:hover .zoom {filter='()';}
a:link .zoom {width:161px; height: 24px;}
a:hover .zoom {width:832px; height: 125px;}
--> </style>

2. Schritt:   An der Stelle, wo das Bild zu stehen hat:

<a href="#"><img class="zoom" src="grafik.jpg" width="161" height="24" alt="Kakteen" border="0"></a>

Bitte beachten: Bei Einbinden der Grafik im Text "width" und "height" des kleineren Bildes angeben!

zurück