nicht angemeldet
Problem mit vergrößern von Bildern
Hey Leute,
ich hab eine kleines Problem mit dem Vergrößern von Bildern. Mein Code dafür sieht so aus:
<head>
<style type="text/css">
.photo a:hover a:hover,
.photo a:hover {
white-space:normal;
position:absolute;
}
.photo a:hover ul li a:hover img,
.photo a:hover img {
position:absolute;
left:-50px;
top:-32px;
width:200px;
height:150px;
border-color:#F00;
}
</style>
</head>
<body>
<div class="photo">
<a href="lbox/portrait1.jpg">
<img src="lbox/portrait1a.jpg" alt="" title="" width="100" height="100"/>
</a>
<a href="lbox/portrait2.jpg">
<img src="lbox/portrait2a.jpg" alt="" title="" width="100" height="100" />
</a>
<a href="lbox/portrait3.jpg">
<img src="lbox/portrait3a.jpg" alt="" title="" width="100" height="100" />
</a>
</div>
</body>
~~~ das ganze funktioniert an sich auch echt super, nur hab ich dabei 2 Probleme und zwar:
1\. würde ich gerne die größe des Bildes beim over übergeben, damit nicht jedes Bild gleich groß angezeigt wird.
2\. Das andere Problem was ich habe ist, das immer das letzte Bild beim hover (egal über welchem Bild ich mit der Maus bin) verschwindet, wobei ich nicht ganz weiß wieso.
Danke an euch alle schon mal fürs helfen.
Mfg
-
Edit: Problem 2. hat sich erledigt!
-
.photo a:hover a:hover,
Meines Wissens lässt dieser Selektor auf falsches Markup schliessen.
.photo a:hover {
white-space:normal;
position:absolute;
}.photo a:hover ul li a:hover img,
und dieser auch.
- würde ich gerne die größe des Bildes beim over übergeben, damit nicht jedes Bild gleich groß angezeigt wird.
Dann ist es das beste, für den :hover img{} selektor für width und height auto anzugeben.
Freilich kannst du dadurch nicht zentrieren, sondern bestenfalls anhand der linken oberen Ecke positionieren. Sofern das Elternelement aber den display-typ table-cell hat, kannst du mit text-align und vertical-align arbeiten.mfg Beat
--
><o(((°> ><o(((°>
<°)))o>< ><o(((°>o
Der Valigator leibt diese Fische -
Hi,
- würde ich gerne die größe des Bildes beim over übergeben, damit nicht jedes Bild gleich groß angezeigt wird.
Dann notiere für jedes Bild eine zusätzliche, die allgemeine ergänzende Regel, in der du Breite und Höhe für dieses Bild explizit angibst.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?-
Dann notiere für jedes Bild eine zusätzliche, die allgemeine ergänzende Regel, in der du Breite und Höhe für dieses Bild explizit angibst.
Bei über 300 Bildern wäre dasa aber ne mänge Arbeit.... Sollte dann noch schon ehr dynamisch funktionieren.
-
Hi,
Dann notiere für jedes Bild eine zusätzliche, die allgemeine ergänzende Regel, in der du Breite und Höhe für dieses Bild explizit angibst.
Bei über 300 Bildern wäre dasa aber ne mänge Arbeit....
Wenn du für 300 Bilder 300 unterschiedliche Angaben machen willst, dann ist das nun mal so.
Sollte dann noch schon ehr dynamisch funktionieren.
Das kann CSS nicht leisten - höchstens mit Prozentangaben, die sich auf die tatsächliche Bildgröße beziehen.
Um dir mehr sagen zu können, ist deine Anforderung noch zu unspezifisch - also formuliere sie bitte exakter.
MfG ChrisB
--
RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
-