Masonry css

CSS und andere hilfreiche Anweisungen
stobi_de
Moderator
Moderator
Beiträge: 729
Registriert: Di 11. Okt 2022, 06:30

Masonry css

Ungelesener Beitrag 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!?
Benutzeravatar
Tommy Herrmann
Site Admin
Site Admin
Beiträge: 5744
Registriert: So 6. Dez 2020, 07:37
Wohnort: Berlin
Kontaktdaten:

Re: Masonry css

Ungelesener Beitrag 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 :crying:

https://www.mobirise-tutorials.com/Test ... l#MarketM4

... oder keine Lust mehr hatte zum Fummeln :D
Antworten

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 5 Gäste