Seite 1 von 1
Masonry css
Verfasst: Mi 22. Feb 2023, 16:08
von stobi_de
Hi Tommy,
ich denke, es sollten thumbs zu Fuß erstellt werden, damit die Bilder nicht in voller Auflösung direkt geladen werden!?
Re: Masonry css
Verfasst: Mi 22. Feb 2023, 16:11
von Tommy Herrmann
ja - klar - aber das macht die Sache wieder komplizierter. Die Bilder sind doch ohnehin in voller Auflösung am Server für die Lightbox (neueste Version von heute) - also nur 1 Mal. Deswegen ist es eigentlich
Wurscht
.
https://www.mobirise-tutorials.com/Tuto ... llery.html
Vielleicht übernimmt Mobirise das ja - dann kann man die Bilder über die Block-Werkzeuge einfügen...
... ich finde diese CSS genial - minimalistischer geht es eigentlich nicht:
Code: Alles auswählen
.mm-columns {
--col-width: var(--_col-width, 280px);
--columns: var(--_columns, 5);
--gap: var(--_gap, 20px);
columns: var(--col-width) var(--columns);
column-gap: var(--gap);
}
.mm-columns__item:not(:last-child) {
margin-bottom: var(--gap);
}
.mm-columns__img {
width: 100%;
height: auto;
}
Ich habe diese Lupe als Cursor nicht verwendet, weil ich diese so schön finde:
cursor: zoom-in;
... sondern weil ich das mit der
Lupe bei
Mouseover
, wie es Mobirise macht, nicht hin bekommen habe
https://www.mobirise-tutorials.com/Test ... l#MarketM4
... oder keine Lust mehr hatte zum Fummeln