BlurredSpot
Neues Mitglied
Aloha,
ich stecke grade bei einem Projekt für Informatik fest. Ich möchte ein Thumbnail wie auf dieser Seite gezeigt zoomen (der zweite Teil), jedoch erscheint bei mir das Bild nur in der festgelegten Größe aber ohne Zoom-Effekt.
Der Code:
Hat sich vielleicht ein Fehler eingeschlichen oder was mache ich falsch?
E:Fehler gefunden, die Klasse im a-Tag hätte hingemusst.
ich stecke grade bei einem Projekt für Informatik fest. Ich möchte ein Thumbnail wie auf dieser Seite gezeigt zoomen (der zweite Teil), jedoch erscheint bei mir das Bild nur in der festgelegten Größe aber ohne Zoom-Effekt.
Der Code:
HTML:
<html>
<head>
<title>Gliding</title>
<link href='http://fonts.googleapis.com/css?family=Poiret+One' rel='stylesheet' type='text/css'>
<style type="text/css">
a.images , a.images img {
margin-right:20px;
width:341px;
height:256px;
display:block;
float:left;
}
a.images:hover img {
position:relative;
top:0px;
left:0px;
width:1365px;
height:1024px;
z-index:1;
}
</style>
</head>
<body>
<body background="../../pictures/gliding/D-1922x1920.jpg">
<div align="center"
<p>
<a href="#"><img src="../../pictures/gliding/Hintergrund01.jpg" width="320" height="256" alt="Blablablablabla" title="Zoom" /></a>
</p>
</div>
</body>
</html>Hat sich vielleicht ein Fehler eingeschlichen oder was mache ich falsch?
E:Fehler gefunden, die Klasse im a-Tag hätte hingemusst.
Zuletzt bearbeitet: