Ich habe es jetzt auf eine andere Weise gelöst:
Im Backend habe ich die Thumbnail-Masse so eingestellt, dass die kürzere Seite jeweils mindestens 56 (bzw. 58) Pixeln entspricht. Dann habe ich via CSS (overflow:hidden) den „überstehenden“ Bereich der Thumbnails auf 56 x 56 (bzw. 58 x 58) Pixel „abgeschnitten“:
HTML-Code:
.slideshow-thumbnails ul li {
margin: 0 10px 10px 0;
height: 58px !important;
width: 58px !important;
}
.slideshow-thumbnails ul li a {
border: 1px solid #FFFFFF;
margin: 0 !important;
padding: 0;
overflow: hidden;
width: 56px;
height: 56px;
}
.slideshow-thumbnails ul li a:hover {
background-color: #FFFFFF !important;
}
.slideshow-thumbnails ul li a img {
margin-left: -7px;
}
Hier dazu noch zwei weiterführende Links:
Ich hoffe, dass hilft vielleicht dem Einen oder Anderen weiter.
Lesezeichen