Prova 5
qui sotto MEDIA GRID:
media grid incasella le foto in quadrati della stessa dimensione, ritagliando la foto per incasellarla
c’è l’opzione: display stile:
1 – mostra tutto (fa vedere tutte le foto che ho caricato)
2 – load more button (fa vedere solo alcune delle foto che ho caricato, e per vedere le altre si deve cliccare sul bottone “load more” cioè “carica altro”
3 – lazy loading (non ho capito bene cosa comporti, il significato letterale è “caricamento pigro”
4 – pagination (si può suddividere l’articolo in più pagine automaticamente). Se l’articolo è lungo appariranno dei pallini sotto le foto, un pallino per ogni pagina, e si potrà cliccare sul pallino per vedere le altre pagine.
Poi c’è l’opzione: “items per page”, che è a scelta libera, che significa il numero di foto che voglio vedere in quel blocco di articolo.
Poi c’è l’opzione: “grid elements per row ” che può essere 1- 2 -3 -4 – 6, cioè quante foto vedere per riga, relativamente a quel blocco di articolo
Poi c’è il Gap che è la distanza da una foto all’altra = 0-1-2-3-4-5-10-15-20-25-30-35
Poi c’è Item Design =
– Basic grid = default
– Basic grid = scale in with rotation
– basic grid = fade with side content
– basic grid = slide bottom with icon
– basic grid = vertical flip
– basic grid = no animation
– basic grid = go top slideout
– basic grid = text first
– basic grid = slide from left
– basic grid = slide from top
– Masonry grid = default
– Masonry grid = Fade in
– Masonry grid = icon slide out
– Masonry grid = slide from left
– Masonry grid = Go top
– Masonry grid = overlay with rotation
– Masonry grid = blur out
– Masonry grid = scale with rotation
– Masonry grid = slide out from right
– Masonry grid = with side content
– Media grid = default
– Media grid = simple overlay
– Media grid = fade in with icon
– Media grid = bordered scale with title
– Media grid = scale with rotation
– Media grid = slide out caption
– media grid = horizontal flip with fade
– media grid = blur with content block
– media grid = slide in title
– media grid = scale in with icon
– masonry grid = default
– masonry grid = bordered scale
– masonry grid = solid blur out
– masonry grid = scale with rotation light
– masonry grid = slide with title and caption
– masonry grid = scale with content block
– masonry grid = simple overlay
– masonry grid = slide top
– masonry grid = simple blur with scale
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = default
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = scale in with rotation
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = fade with side content
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = slide bottom with icon
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = vertical flip
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = no animation
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = go top slideout
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = text first
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = slide from left
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = basic grid = slide from top
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = default
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = fade in
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = icon slide out
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = slide from left
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = go top
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = overlay with rotation
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = blur out
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = scale with rotation
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = slideo out from right
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry grid = with side content
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = default
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = simple overlay
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = fade in with icon
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = bordered scale with title
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = scale with rotation
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = slide out caption
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = horizontal flip with fade
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = blur with content block
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = slide in title
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = media grid = scale in with icon
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media =default
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = bordered scale
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = solid blur out
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = simple overlay
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = scale with content block
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = slide with title and caption
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = scale with rotation light
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = simple blur with scale
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = slide top
qui sotto Media grid – Mostra tutto – 6 foto per riga – una sola colonna – 16 foto totali
item design = masonry media = simple overlay
pag 5 di 6