Hi Tommy,
ich denke, es sollten thumbs zu Fuß erstellt werden, damit die Bilder nicht in voller Auflösung direkt geladen werden!?
Masonry css
- Tommy Herrmann
- Site Admin
- Beiträge: 5867
- Registriert: So 6. Dez 2020, 07:37
- Wohnort: Berlin
- Kontaktdaten:
Re: Masonry css
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
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:
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![crying :crying:](./images/smilies/crying.png)
https://www.mobirise-tutorials.com/Test ... l#MarketM4
... oder keine Lust mehr hatte zum Fummeln![grinsen :D](./images/smilies/grinsen.gif)
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;
}
cursor: zoom-in;
... sondern weil ich das mit der Lupe bei
Mouseover, wie es Mobirise macht, nicht hin bekommen habe
![crying :crying:](./images/smilies/crying.png)
https://www.mobirise-tutorials.com/Test ... l#MarketM4
... oder keine Lust mehr hatte zum Fummeln
![grinsen :D](./images/smilies/grinsen.gif)
Wer ist online?
Mitglieder in diesem Forum: 0 Mitglieder und 115 Gäste