Überlange Bilder in der "Diashow" zerreißen das Format!

06.05.2017 11:05 (zuletzt bearbeitet: 06.05.2017 11:06)

Wolfgang
#1 Überlange Bilder in der "Diashow" zerreißen das Format!

Business-Template / 104774 / IE11 - Überlange Bilder in der "Diashow" zerreißen das Format

Mit dem Premium-Tarif gibt es die Möglichkeit in der Bildergalerie eine "Diashow" zu starten!
Leider bringen überlange Bilder das Format der Bild-Darstellungen ziemlich durcheinander.
Auch hier im Beitrag!

Startet man gleich am Anfang der Diashow mit einem überlangen Bild, werden mal wieder nur im Internet Explorer, die Div-Container für die Beschreibung in die Länge gezogen!

Überlange Bilder im Internet Explorer 11:
Beschreibungsfeld wird in die Länge gezogen!

Überlange Bilder mit noch normaler Breite:
Beschreibungsfeld wird zusammengedrückt!

Überlange Bilder mit minimaler Breite:
Bilder brechen nach unten aus!

Eine mögliche Lösung für die Bildergalerie:
Mit der folgenden Variante wird noch zusätzlich der Close-Button in seiner Größe angepasst und die Scrollleiste für die Beschreibung nur bei überlangen Überschriften eingeblendet!
Die Bilder werden maximiert bis zu einer Größe von 600px zu 400px.
Bei kleinen Monitorauflösungen bis zu 1280x 768px kommt man ohne Scrollen der Bilder aus.
Smartphone und Tablet geben auch eine recht ordentliche Darstellung bei den vorgeschlagenen Größenangaben ab.

Auf die Schnelle:
Braucht nur unter "Admin > Layout > Eigener CSS Code" eingetragen zu werden!

1
2
3
4
5
6
 
/* Bildergalerie Diashow */
#lightbox-container-image-data-box{margin-top:5px !important;width:610px !important;}
#lightbox-image{max-width:600px !important;max-height:400px !important;padding:10px;}
#lightbox-secNav-btnClose img{width:50px;position:absolute;bottom:40px;right:0px;border:0;}
#lightbox-container-image-box {width:630px !important;height:430px !important;}
#lightbox-image-details{width:100% !important;padding-top:15px !important;}
 

Eine schnelle Lösung für Bilder in Beiträgen:
Vorschaubilder aus addPics.com anpassen

Bis dann
Wolfgang

Forum für Hilfe, Tricks & Tipps / Foren-Nr.: 104774 / Template: Business (V4) / Browser: Edge