OGGETTO TESTO
ADATTATO
L'oggetto testo come dice la parola stessa serve per inserire contenuti testuali . Con un escamotage possiamo sfruttarlo per inserire una sequenza di immagini sia con testi sopra l'immagine che non. Vediamo come fare. Il procedimento è quasi identico a quello utilizzato per gli esempi forniti sui swiper grid e swiper animated o anche sull'oggetto immagine.
Sei pronto? Ok segui passo passo la procedura.
- Inserisci un oggetto testo nel tuo progetto
. - carica all'interno dell'oggetto testo una immagine in trasparenza alfa con misure 1024x526 px che conserva un aspect ratio 1:9 per immagini sino a 2296px x 1178px
- L'immagine in trasparenza nell'oggetto testo deve essere 1024x526 px oppure 1024x1024 per un aspect ratio 1:1
- Utilizzeremo in questo esempio una immagine in trasparenza da 1024x526 px
- Metti tutti margini dell'oggetto testo a zero
- estendi completamente l'oggetto testo in stile riga
- Carica ORA le tue immagini da 1024x526 px con le opzioni in stile riga scegliendo ► SEQUENZA IMMAGINI
- Inserisci o togli un owerlay da 40% per simulare una retina sulle immagini o avere la massima luce sulle immagini.
- Salva tutto
- Ecco come si presenta la struttura che avrai creato:▼
- Prova il tuo test sia in anteprima che su browser in locale. Se tutto è andato bene dovresti avere un comportamento simile a quello dell'esempio.
PRO
- nessun codice da inserire
- RESPONSIVE 100% solo con immagini opportunamente elaborate per la circostanza. Di contro le immagini sono adattate.
CONTRO
- La scritta su una immagine qualsiasi con questa combinazione a mio parere lascia il tempo che trova e si presenta posticcia. Meglio utilizzare il content slider che sotto questo profilo è imbattibile.
- Si perde troppo tempo nell'elaborazione graficha.
- Utilizzando il parallasse le immagini si deformeranno e non conserveranno il responsive.
- Le immagini da inserire sono troppo legate alle dimensioni di quella inserita all'interno dell'oggetto testo
- Si perde troppo tempo a cercare le immagini che vi occorreranno.
COMMENTA ▼
Non sono presenti ancora recensioni.