Saltar navegación

Efectos FX: líña do tempo

O último efectoefecto para a presentación de contido é lixeiramente diferente aos anteriores. É a "liña do tempo", para creala necesítanse dous niveis de encabezamiento (o nivel 2 e o tres). Imos adaptar os contidos que presentamos nos casos anteriores poñendo un nivel anterior en cada un deles (primeiro, segundo, terceiro e cuarto), de tal maneira que nos quedará así:

Primeiro

Exemplo: texto - imaxe

Como primeira opción do acordeón imos a mostrarcomo podemos enlazar un imaxe lightbox cunha parte dun texto (texto-imaxe):

A célula (do latín cellula, diminutivo de cella, ‘cela’) é a unidade morfolóxica e funcional de todo ser vivo. De feito, a célula é o elemento de menor tamaño que pode considerarse vivo.​ 

Segundo

Exemplo: imaxe - imaxe

Exemplo de efecto LightBox sobre imaxe. Ao facer clic amplía a imaxe.

Célula animal


OpenStax College. Célula animal (CC BY-SA)

Terceiro

Exemplo: imaxe - vídeo

Ejemplo de efecto LightBox sobre imagen. Al hacer clic muestra un vídeo.

Célula animal

OpenStax College. Célula animal (CC BY-SA)

Cuarto

Exemplo: galería de imaxes e vídeos

Exemplo de efecto  LightBox sobre imaxes e vídeo en galería.

                  

Créditos imaxes:

Como vedes é ideal para presentar feitos en orde cronolóxico.

Estudo de caso

Crear un efecto tipo fx"liña de tempo" será moi sinxelo. Para iso seguiremos os seguintes pasos:

1. Faremos clic no botón fxdel editor.

2. Na xanela que se mostra, seleccionaremos a opción "Liña de tempo".

acordeón botón

3. Crearase unha caixa con varios encabezados (que poderemos editar para poñer o título que desexemos) e espazos para escribir contido a mostrar ou colapsar. Poderemos editalo e incorporar calquera tipo de recurso multimedia.

caja fx

4. Para crear un novo elemento da lista, escribiremos o título que queiramos incorporar e o contido desexado dentro da caixa FX creada. Marcaremos o título e seleccionaremos a opción de formato "Encabezado 2" ou "Encabezado 3" segundo se trate.

Cedec. Efectos: línea de tiempo (CC BY)