galleria javascript Kulturen topand bootom von Bildern, wenn in Firefox Chrome und IE

Question

galleria javascript Oberseite und die Basis der Bilder beschneidet sehen, wenn in Firefox Chrome und IE sehen

jedoch in Safari Dieses Problem existiert nicht.

Bitte beachten Sie die Frage hier http://galleria.aino.se/media/galleria/src/themes/fullscreen/fullscreen-demo.html

nicht das Eichhörnchen Bild vergleichen mit seiner ursprünglichen Recht auf ein Bild klicken und Sie werden sehen, wie das Skript nicht, um die das Vollbild angezeigt wird.

Wir benutzen Galleria. js Vollbild für ein Wordpress-Thema und alle unsere Bilder sind die gleiche Größe, so gibt es keine Höhe Problem die Bilder, die wir verwenden werden sind 1600x900

Wenn jemand helfen kann bitte beraten. Wir müssen das gesamte Bild anzeigen.

Vielen Dank.

Answer 1

Ich glaube, so soll Galleria sich verhalten. Im Vollbildmodus füllt es den Bildschirm, so dass das obere oder die Seiten beschnitten werden, je nachdem, was über das Seitenverhältnis des Browserfensters hinausgeht.

Wenn Sie im Vollbildmodus ein großes Browserfenster haben, schneidet es den oberen/unteren Bereich ab. Wenn Sie die Größe des Browserfensters auf Hochformat ändern, wird das Bild nach links/rechts geschnitten.

Answer 2

Sie können dieses Verhalten mithilfe der Option image_crop steuern. Wenn Sie möchten, dass das Bild immer passt, stellen Sie dies auf false ein.

Answer 3

Versuchen in Ihrem CSS zu setzen:

.galleria-image img {max-width:6000px !important;} 

dies funktioniert für mich, ich denke, mit dem Attribut max-Breite des Bildes einige Probleme in Safari ist. Sie könnten diesen einfachen Trick verwenden oder diese Technik verbessern, indem Sie bedingte CSS hinzufügen, also beispielsweise max-width auf einen bestimmten Wert setzen, wenn die Option "imageCrop" von galleria auf "true" gesetzt ist. Lassen Sie mich wissen, ob das auch für Sie funktioniert!