nicht angemeldet
Hallo,
ich hab etwas gegooglet und diese nette Methode gefunden Bilder zu vergrößern. Ich möchte ausgehend von einem Bild verschiede Bereich im Bild definieren die sich dann mit einem "mouseover" vergrößern lassen.
Hier mal das zugehörige CSS:
a.info{
position:relative;
z-index:1;
color:#000;
text-decoration:none
}
a.info:hover{
z-index:2;
}
a.info span{
display: none;
}
a.info:hover span{
display:block;
position:absolute;
top:75px;
left:5px;
background-image:url(bildgross.JPG);
width:150px;
height:56px;
}
und in HTML dann so:
<a class="info" href="#"><img src="bildklein.jpg" width="200" height="80" border="0" alt="">
<span></span></a>
Das geht auch gut nur hatte ich mir eben gedacht, dass ich das gerne mehrfach auf das selbe Bild anwende und einfach areas definiere. Nur leider war das wohl zu einfach gedacht...
jemand ne Ahnung wie man sowas machen könnte? Wenn nicht so geht es vielleicht anders? Mir ist halt wichtig, dass das vergrößerte Bild über dem Text und anderen Bildern liegt.