Parallax image

Bloc "Parallax image" : Démo

 

1/ Créer une « Parallax Image »

 

1. Pour créer une « Parallax image », restez en mode « Page ». Le mode « Page »  est sélectionné par défaut dans le menu gauche.

2. Recherchez dans l’arborescence la page où vous souhaitez ajouter votre contenu et cliquez dessus.

3. Dans la catégorie « Main content » de votre page, cliquez sur l’icône « New Record ». Cliquez sur l’onglet « Dynamic Content Elements ». Puis sélectionnez « Parallax image ». Vous accédez alors aux propriétés de ce contenu que vous devez définir. 


4. Vérifiez que le Type « Parallax image » est affiché.

  

2/ Définir les propriétés : Onglet « General » 

 

1. Choisissez votre visuel. Importez-le depuis votre ordinateur ou bien depuis la base de visuels TYPO3.    


Ensuite, si nécessaire vous pouvez ajouter :

> Title (Titre)

> Link (Lien)

> Alternative Text (Texte alternatif)

> Description (caption)     

2. Définissez la hauteur en pixels de votre bloc image.

3. Pour finir, enregistrez votre contenu. Voir Tuto «Enregistrer un contenu»

 

Exemple de page avec une « Parallax Image » entre deux blocs texte:Voir Démo du bloc "Parallax Image"

Lorsque l’on fait défiler la page, le visuel se déplace simultanément dans le sens opposé, dans le cadre défini précédemment. 

 

 

3/ A tout moment, vous pouvez

              

> Mettre à jour votre contenu

> Cacher   ou Supprimer   votre contenu