Este bloc ens permetrà:
- Agrupar blocs amb fons animat d’imatges amb efectes
- Mostrar una animació d’imatges amb efectes
Et mostrarem com utilitzar-lo:
1.-Inserim el bloc
Afegim el bloc “Contenidor Animat”. Ens apareixerà en el llenç, en forma de rectangle.
Fent clic sobre el +, podem afegir altres blocs al contenidor, que quedaran agrupats i tindran el fons comú. En este cas, afegirem un bloc titular.
Triarem un color de text blanc i un fons gris amb transparència, de manera que ressalte el text sense tapar les imatges.
Ajustarem el format del titular al nostre gust, modificant:
- Negreta (pes de la font)
- Grandària de la font
- Color de text: blanc
- Color del fons: gris amb transparència
2.-Ajustem l’altura del contenidor i altres opcions d’aspecte
Per defecte, el contenidor es mostra a ample complet i amb una altura mínima. És important configurar l’altura que desitgem mostrar.
En este cas, hem ajustat:
- Altura: 400px
- Alineació vertical: Centre
- Alineació horitzontal: Centre
3.-Configuració del fons (animat)
Disposem de tres opcions:
- Imatge estàtica
- Color sòlid
- Degradat
- Imatge lliscant
En este exemple, triarem esta última, ja que les altres opcions les tenim també en el bloc contenidor de generateblocks.
En seleccionar l’opció d’Imatge lliscant en el tipus de fons ens apareix l’opció de crear una galeria (selecció d’imatges) que es mostraran dinàmicament en el fons del contenidor. Podem triar també algun dels efectes de transició que se’ns oferixen.
Una vegada seleccionades de la mediateca les imatges, polsarem el botó “Crear una galeria nova”, a baix, a la dreta.
Ara se’ns mostraran només les imatges seleccionades i polsarem el botó: “Inserir una galeria”
Una vegada inserida la galeria, apareixerà en el llenç el nostre fons animat amb imatges.
A més, es mostrarà una previsualització de les imatges en el panell dret de configuració.
És el moment de provar diferents efectes d’animació per a deixar el nostre bloc llest!
