SWIPER GRID - LO SMANETTONE

Esempi e Codice
Vai ai contenuti

OGGETTO SWIPER GRID
RESPONSIVE

Si tratta di una tecnologia integrata per creare slideshow o gallerie dinamiche di immagini e contenuti, utilizzando un layout a griglia con uno scorrimento interattivo. È particolarmente utile per presentare contenuti in modo accattivante, visivamente organizzato e responsivo. Questo oggetto, a differenza del content slider ha la prerogativa di essere al 100% responsive. Tuttavia non consente l'inserimento di testi se non elaborando immagini con appositi programmi di grafica. Con codice extra è possibile inserire testi e descrizioni ma ti rimando ad un mio prossimo tutorial. Oggi ci focalizzeremo solo sulla parte grafica

DIFFICOLTA' :

  • Nulla per utenti avanzati
  • Nulla per utenti alle prime armi.
  • Alta per utenti che non sanno manipolare immagini con testi.

SEI PRONTO?
OK! segui passo passo le istruzioni.▼

  • Vai al passo 3 e crea la tua pagina test nel tuo progetto
  • Inserisci sulla prima cella l'oggetto SWIPER GRID   con estensione massima in progetto pagina e anche sullo stile riga
  • Clicca al centro dell'oggetto Swiper Grid  e Inserisci due tue immagini provando tra i 1280 x 720 o (suggerito) ...1920 x 720px o anche in altre dimensioni: devi fare delle prove.
  • Metti un owerlay al 40% che può essere variato o eliminato del tutto a secondo delle TUE esigenze.
  • Nelle impostazioni dell'oggetto esegui il settaggio come da figura sottostante ▼

Click per ingrandire ▼



  • Salva tutto
  • prova ora l'oggetto in ANTEPRIMA. Se tutto è andato per in verso giusto noterai che le immagini non presenteranno tagli ad alte risoluzioni e a quelle più basse.

PRO
  • Nessun codice da inserire
  • RESPONSIVE 100%

CONTRO
  • Lo slider è bloccato e non scorre alle risoluzioni per cellulari se nelle opzioni flaggate SI su "MODALITA' LIBERA E MOSTRA BARRA DI SCORRIMENTO."
  • Bisogna essere bravi grafici per la costruzione di immagini con testi e slogan
COMMENTA ▼
Non sono presenti ancora recensioni.
0
0
0
0
0

Crediti

Questo pannello è stato personalizzato da Losmanettone.it a partire dal progetto open source SIENNA concesso sotto licenza MIT.

Torna ai contenuti