Hallo
Ich möchte auf ein Thumbnail fahren und dann ein grosses Bild an einem andern Ort anzeigen. Unter IE funktioniert das, mit den andern Broser wird das grosse Bild aber nicht genau an der gewünschten Position angezeigt. Ich möchte bei Position schon lieber "absolute" statt fixed nehmen, dann wird das Bild aber immer im Abstand zum ausgewählten Thumbnail (Eltern?) positioniert.
Kann mir jemand helfen? Vielen Dank!
Ich möchte auf ein Thumbnail fahren und dann ein grosses Bild an einem andern Ort anzeigen. Unter IE funktioniert das, mit den andern Broser wird das grosse Bild aber nicht genau an der gewünschten Position angezeigt. Ich möchte bei Position schon lieber "absolute" statt fixed nehmen, dann wird das Bild aber immer im Abstand zum ausgewählten Thumbnail (Eltern?) positioniert.
Kann mir jemand helfen? Vielen Dank!
PHP-Code:
.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}
.thumbnail:hover span
{ /*CSS for enlarged image on hover*/
position: fixed;
visibility: visible;
left: 402px; top: 162px; /*position where enlarged image should offset horizontally */
}
.bildmitte
{
position: absolute;
left: 402px; top: 162px; /*position grosses Bild */
}
<a class="thumbnail" href="#thumb"><img src="../<?php echo $objekt ?>/k2.png" /><span><img src="../<?php echo $objekt ?>/g2.png" /><br /></span></a>
<a class="thumbnail" href="#thumb"><img src="../<?php echo $objekt ?>/k3.png" /><span><img src="../<?php echo $objekt ?>/g3.png" /><br /></span></a>
<a class="thumbnail" href="#thumb"><img src="../<?php echo $objekt ?>/k4.png" /><span><img src="../<?php echo $objekt ?>/g4.png" /><br /></span></a>
<a class="thumbnail" href="#thumb"><img src="../<?php echo $objekt ?>/k5.png" /><span><img src="../<?php echo $objekt ?>/g5.png" /><br /></span></a>
<img src="../<?php echo $objekt ?>/g1.png" class="bildmitte" />
Kommentar