Da fällt mir grad auf, wir sind ja im Forum imagerotator/-slider. Sollte dir folgendes nicht hilfreich sein, dann sag einfach Bescheid. Ich verschiebe es dann in ein anderes Forum.
So, ich hab das mal probiert. Hier das Ergebnis.
Vorher:
BE->be_before.jpg FE->fe_before.jpg
Nachher:
BE->be_after.jpg FE->fe_after.jpg
Und hier noch das CSS für 'Nachher'.
Code:
.ce_gallery td {
height: 176px;
padding: 24px 24px 0 0;
vertical-align: top;
}
.ce_gallery .image_container {
position: relative;
width: 200px;
height: 140px;
}
.ce_gallery .image_container a {
display: block;
position: absolute;
height: 140px;
width: 200px;
left: 0;
top: 0;
overflow: hidden;
clip: rect(0px, 200px, 140px, 0px);
}
.ce_gallery img {
margin: -105px 0 0 -150px;
}
.ce_gallery .caption {
position: absolute;
left: 0;
top: 140px;
}
Jetzt ist das Thumb und das Bild in der Mediabox ein und dasselbe. Das hat den Vorteil, dass die Bilder für die Großansicht bereits geladen sind, was gleichzeitig natürlich auch ein Nachteil ist, da die Pseudo-Thumbs ja länger zum laden brauchen.
Grüße
Bild 100% mittig
