Mal testweise neues Galerie-Objekt einfügen, 8 oder 12 Fotos hinzufügen - sonst nichts machen.

Gibt es dann auch Probleme mit dem vertikalen Abstand?

ich habe 31 Beispiele :) mit unterschiedlichen Bilderzahlen :)  der vertikale Abstand ist immer falsch :(

https://ukrainedaily.net/maidan-foto-2013-dez.html

Vermutlich liegt es daran, dass die Bilder unterschiedlich hoch sind und das Programm das Bild mit der größten Höhe als Maßstab für die Abstände nimmt, also Bilder auf eine ähnliche Größe bringen.

-----

WebSite X5 passt die Bilder wohl in ein Raster und da sollten alle Bilder entweder das Quer- oder Hochformat haben und nicht abwechselt Hoch- und Querformat.

Im Beispiel hat die Karte Hochformat und gibt das Raster für die gesamte Galerie im Hochformat vor, dadurch haben die Bilder im Querformat oben und unten zuviel "Luft", der sich als "zu großer" Abstand unangenehm bemerkbar macht.

ich habe mehr als Hundert Gallerien - und bei vielen sind die Bilder gleich groß - ich glaube - der große Abstand hat andere Gründe

https://ukrainedaily.net/maidan-foto-2014-feb-beispiel.html#0112

Hier ist das gleiche Bild 10 x und mit der Grßße 1536 x 1128 und der gleiche Effekt.

^der Objektstill der Gallerie wurde bewußt auf rot umgefärbt um zu erkennen - das Problem des Abstands liegt im Gallerie Objekt.

Abstand einfach zu groß. :( 

Sorry - habe mit PNG-Bilder keine große Erfahrung und bin erst jetzt darauf gekommen, dass die PNG-Bilder eine Art Diarahmen um das Bild herum haben und deshalb der große Abstand entsteht.

Der schmale weiße Rand zeigt die richtige Größe des PNG-Bildes, die ich in IrfanView erst sehen konnte, nachdem ich mit dem Freistellen-Werkzeug ein Rechteck aufgezogen und dieses auf maximal Größe gezogen habe.

Durch diesen Rahmen des PNG-Bilders entsteht ein großer Abstand zwischen sichtbarem Bild und den Bilderrand des PNG-Bildes und dieser Abstand verdoppelt sich bei 2 Bildern übereinander.

-----

Hier ist zusehen, dass das sichtbare Bild rechts und links bündig mit dem gespeicherten Bild ist, aber oben und unten einen Rand hat, deshalb sich die Bilder seitlich ohne Abstand nebeneinander, aber oben und unten mit einem deutlichen Abstand.

Und da dieser Rand durchsichtig ist, sieht man die Hintergrundfarbe.

Bild gespeichert und mit Windows Paint geöffnet, siehe Screenshot

-----

Da ich keine Erfahrung mit PNG-Bildern habe, verwende meist das JPG-Format, können evtl. die Moderatoren und Bild-Profis Tipps geben, um einfach und schnell die Ränder zu entfernen.

Die Bilder sind alle 563px563px und ich glaube immer noch, dass ein (STIL)Rahmen für die Bilder eingefügt sind. Allerdings kann es sein, dass beim Gallerieobjekt dies wegen der hochstehenden Bilder geändert wurde, damit diese gleich groß angezeigt werden wie das normale Bild. (auch wenn man keine hochstehenden Bilder drinnen hat)

nein leider habe eine zweite gallery nur mit  jPG Bild gemacht  - das ist nicht das Problem 

https://ukrainedaily.net/maidan-foto-2014-feb-beispiel.html#0112

Aber ich  werde mal alle HTML Code rausnehmen und sehen - ob es da Ver#nderungen gibt.

Habe alle HTML Code  unter Statistiken und Code - rausgenommen und nein das war leider nicht das Problem :(

Seltsam - nachdem ich meine Test-Galerie in WebSite X5 wieder aufgerufen habe, war auf einmal ein großer vertikaler Abstand vorhanden, obwohl vorher ein kleiner vertikaler Abstand vorhanden war.

Nach einigem Hin und Her ohne große Änderungen ist jetzt wieder ein kleiner vertikaler Abstand. Ich kann jetzt nicht sagen warum der vertikale Abstand mit klein, mal groß und jetzt wieder klein ist.

Aktuell kleiner vertikaler Abstand >> http://finde-links.de/123shop-hosteurope/bildergalerie.html

ja anscheinend, weiß keiner was diese APP wirdlich macht :( danke aber 

vielleicht kann mir wer von WEB X5 helfen  - soll ich da extra posten ? lg Andre

Füge mal in deinem Projekt bei den Galerien ein hochstehendes Bild neben einem querformatigen ein und du wird den Grund für den Abstand verstehen.

siehe unten mit senkrechten Bildern

ja danke diese Idee hilft - jedoch - wie kann ich diese Abstände verhindern - wenn ich doch in dieser Gallerie sonst nur Querbilder habe.  

lg Andre

das bedeutet, wenn ich keinen Abstand haben will oder geringen - dann darf ich nur senkrechte bilder verwenden ?  :)  lg  Andre

Bei der Galerie ist es so , dass bei Miniaturbild ein Quadrat als Anzeigebox dient und hier sich das Bild nicht an die Box anpasst (hineinquetscht) und deshalb normal angezeigt wird und deshalb ist bei Querbilder unten/oben ein Rand.  Schneide mal die Bilder mit 563x563 px und füge sie dann ein. Schau ob hier dann Ränder entstehen.

Alternative wäre nur Masonry...

danke

https://ukrainedaily.net/maidan-foto-2014-feb-beispiel.html#0112

Testgallerie 5
Habe jetzt die Gallery von Daniel nachgebaut
http://finde-links.de/123shop-hosteurope/bildergalerie.html

Testgallerie 6
dann bei mir  ene nur mit 563 x 563 Test 

Testgallerie 7
und dann eine gemischte quer und quadratisch Test 7

Aber es kann doch nicht bedeuten- dass wenn ein Bild höher ist dann ALLE Abstände größer genommen werden.

Testgallerie 8

Masonry Test ist keine Alternative (obwohl von responsive genau so wie ich es willI
JEDOCH der Text wird nur in das Bild geschrieben und nicht mehr dannach wenn man auf das Bild klickt - das macht für mich keinen Sinn - abgesehen Tooltip geht auch nicht.

Testgallerie 9
Justify das gleiche wie bei Maonry mit dem Text

FAZIT
Ich verst dass der Abstand, wenn zwei bilder gegenüber sind unterschiedlich sind - aber ich verstehe nicht - dass es dann bei allen Bildern so ist.
Uns auch wenn alle quer und gleich hoch sind wird ein beliebiger Abstand genommen.

Ist das zu komplex für eine Bildergallerie ?

lg Andre

Daniel - da hast Du Dich selbst übertroffen ja genau jetzt funktioniert alles wie es soll.

Danke hast Du heute großes geleistet, das bis jetzt nichtmal Spezialisten lösen konnten bzw . die Idee hatten.

Also wirklich Hut ab - da habe ich Dich bis jetzt mächtig unterschätzt :)  lg Andre :) 

so sieht nun das Endertgebnis für januar aus :) danke nochmals Daniel

https://ukrainedaily.net/maidan-foto-2014-jan.html