Hallo

Habe eine Frage betreffend der Galerie von Jimdo. Wenn man die Bilder horizontal anordnet, kann ich entweder 6, 4 oder 2 Spalten erzeugen lassen.



Nun würde ich aber gerne 3 Spalten haben. Dies ist zwar in der vertikalen Spaltenanordnung möglich. Doch dann bleibt die Spaltenanzahl auch in der mobilen Ansicht bei 3 und somit werden die Vorschaubilder in der mobielen Ansicht sehr klein.

Habt Ihr vielleicht eine Lösung für das Problem?

Herzliche Grüsse
Butterman

Lieber az_

Super. Vielen Dank für deine Antwort. Deine Lösung werde ich auf jeden Fall gleich mal testen und hier berichten, wie es funzt.

Inzwischen bin ich zwar selbst auch ein ganz kleines bisschen weiter gekommen (Stichwort "flexbox"). Hier und dort leidet allerdings noch die Responsivität dran. Deswegen ist die Sache noch gar nicht abgehakt.

Herzliche Grüsse
Butterman

Funzt einwandfrei, Danke nochmals!

Noch eine Frage betreffend der Anordnung, bzw. Sortierung der Bilder habe ich. Wie mache ich, dass die vertikale Sortierung bei der mobilen Ansicht auf horizontal umschaltet? Bei der normalen Ansicht werden die Bilder korrekt angezeigt, da ich sie ja im Backend richtig anordnen kann. Allerdings rutschen dann die Bilder in der mobilen Ansicht spaltenweise untereinander.

Hier nochmal, wie ich das meine:

normale Ansicht:

1 2 3
4 5 6
7 8 9

mobile Ansicht:

1
4
7
2
5
8
3
6
9

hätte es gern so:

1
2
3
4
5
6
7
8
9


Falls es keine Möglichkeit gibt, ist das auch ok. Ich tüftle mal trotzdem ein bisschen weiter.

Herzliche Grüsse
Butterman

Hallo az

Danke für deine Antwort. Ja, genau, die horizontale Galerie ordnet die Bilder in meinem Sinn an. Aber dann stimmt die anfängliche Anzahl Bilder einer Reihe nicht mehr. Bei deiner Testseite 4 und 5 ist alles genau so, wie ich es möchte. Bei normaler Ansicht 3 Bilder pro Reihe, dann responsiv dynamisch Bilder verkleinern (super!) und anschliessend responsiv die Anzahl Bilder einer Reihe verringern. Super!

Habe jetzt bewusst nochmal den CSS-Code für die vertikale Anordnung deaktiviert und probiert, die horizontale Sortierung anzupassen. Dass nur drei Bilder in der ganzen Ansicht angezeigt werden, habe ich geschafft in der horizontalen Anordnung. Auch wird die Anzahl Bilder gemäss Browsergrösse schön von 3 auf 2, dann auf 1 Bild reduziert, jedoch wird die Bildgrösse nicht dynamisch fliessend kleiner. Sieht noch nicht perfekt aus.

Hier der Link, zu einer Dummyseite, wo das Ganze ersichtlich ist.
https://kreativtestseite.jimdofree.com/
Hier auch mein CSS-Code:

 
.jtpl-content.content-options.cc-content-parent {
     max-width: 100%;
     text-align: center; 
     margin-top: 55px;
     height: auto;
     margin-bottom: 0px;
}
.jtpl-content__inner.cc-content-parent {    
    max-width: 1170px; 
}
.j-module.n.j-gallery {
     padding-left: 0px;
     padding-right: 0px;
     margin-right: -15px;
}
 .cc-m-gallery-container.cc-m-gallery-cool.clearover {
     padding-right: 0px;
     margin-right: 0px;
     flex-wrap: wrap;
     flex-direction: row;
     align-items: center;
     justify-content: center;
     display: inline-flex;
}
 .cc-m-gallery-cool-item img {
     height: auto !important;
     max-width: 363px;
     width: 100%;
     margin-right: 5px !important;
     margin-bottom: 15px;
     min-width: 170px;
     min-height: auto;
}
 .cc-m-gallery-cool-item {
     padding-right: 15px;
}
 

 

Na ja, ich klemme mich nochmals dahinter. Auf jeden Fall danke.

Herzliche Grüsse, und viel trinken nicht vergessen...
Butterman

Mojn, mojn

Hab es nun endlich einigermassen hinbekommen und werde mir gleich zur Feier des Tages einen Kaffee genehmigen!

Allen einen schönen Sonntag.

Herzliche Grüsse
Butterman

Hallo az_

Der Link, den ich vorher gepostet, führt zur Testseite. Hier nochmal der Link:

https://kreativtestseite.jimdofree.com/

Herzliche Grüsse
Butterman