Vai al contenuto

MkDocs GLightbox↵

Qui trovi la documentazione ufficiale

Immagine con Titolo e descrizione↵

bla bla

immagine semplice↵

pippo pippo

Galleria↵

bla bla

bla bla

Galleria immagini resize↵

bla bla bla bla bla bla

Modifiche al CSS↵

Ho aggiunto al CSS una serie di regole per ridimensionare le immagini dal 10% al 75% per usarle ti basta aggiungere la clsse css al codice dell'immagine class="resizedXX"

Esempio↵

bla bla

![bla bla](../img/test_gallery/03.jpg "immagine di prova" ){ class="resized33" data-title="bla bla." data-description="Lorem ipsum dolor sit amet" class="resized33"}

/*Ridimensiona immagine*/
img.resized10 { width: 10%; height: auto; margin:1px; }
img.resized15 { width: 15%; height: auto; margin:1px; }
img.resized20 { width: 20%; height: auto; margin:1px; }
img.resized25 { width: 24%; height: auto; margin:1px; }
img.resized33 { width: 32%; height: auto; margin:1px; }
img.resized35 { width: 33%; height: auto; margin:1px; }
img.resized50 { width: 48%; height: auto; margin:1px; }
img.resized75 { width: 75%; height: auto; margin:1px; }
💡 Hai un suggerimento?