Texte animé sur slider

[emvfb]

Bonjour,

Ont voit de plus en plus de sliders avec du texte animé qui surgit sur l'image, je trouve ça sympa et j'aimerai savoir comment faire (de façon simple...) je crois qu'il y a animate css mais je ne connais pas la procédure, j'ai téléchager widgetkit lite mais j'ai également télécharger le module vina pogo ils font des trucs sympa sur les démo, mais une fois installer ont a un slider classique http://joomla.vinagecko.com/extensio...r_image_slider et je ne sait pas comment le configurer, si il y a une ame charitable qui peut m'expliquer tout ça de façon clair je l'en remercie d'avance

[lomart]

Re : Texte animé sur slider

Bonjour,

Regarde sur la JED avec le mot clé parallax

En français, tu as le module de CED : https://www.joomlack.fr/extensions-j...om-parallax-ck

[pmleconte]

Re : Texte animé sur slider

Bonjour,

Avez-vous essayé juste d'installer la démonstration ?

Je viens de télécharger et j'ai mis le module à une position de mon template. La démonstration correspond à ce que vous souhaitez.

Après, il vous reste à remplacer les images de démonstration par les vôtres, ainsi que les commentaires associés (il y a possibilité d'inclure du code html pour formater votre message comme vous le souhaitez).

Remarque: la fonction de commentaire qui surgit ne fonctionne qu'avec les images sélectionnées individuellement, je n'ai pas vu la possibilité de la faire à partir d'un répertoire.

[pmleconte]

Re : Texte animé sur slider

Au niveau du slideshow Vina, la documentation est très complète et détaillée : http://joomla.vinagecko.com/docs/?ex...r_image_slider

Pascal

[pmleconte]

Re : Texte animé sur slider

Vina encore....

Au niveau du package, il y a le module ainsi qu'un autre zip contenant un répertoire "transition-tools".

Ce répertoire contient 2 fichiers html qui permettent de tester les différents effets sur les images et sur le texte.

Une fois votre choix fait, copiez le "transition code" dans votre module (paramètre transitions Lists sous Image Transition et sous Caption transition). Naturellement, vous pouvez avoir un effet différent pour les images et les textes, voire même plusieurs effets en les séparant par une virgule.

C'est vraiment pas mal.

Pascal

[emvfb]

Re : Texte animé sur slider

Bon me revoilà, je me suis un peu énerver avec vina jssor, mais j'y arrive, sauf que je ne sais pas ou changer la taille et couleurs du texte et comment ont fait pour mettre plusieurs texte avec un décalage comme ils font eux (je suis pas doué)

Merci pour l'aide

Emmanuel

[pmleconte]

Re : Texte animé sur slider

Bonjour Emmanuel,

A chaque image est associé un "image caption" qui contient en fait du html pur et dur comme

<div u=caption t="*" class="vina-caption default" style="left:20px; top: 30px; width: 285px; height: 190px;"> 
	<div style="padding: 5px;">
		<h3>Beautiful Joomla 3 Templates <span>To Finish In Record Time!</span></h3>
		<ol>
			<li>Simple to Use, Install and Configure!</li>
			<li>Unique and Creative Design.</li>
			<li>Support that Really Helps.</li>
			<li>Wide Variety of Themes.</li>
			<li>Powerful Helix Framework!</li>
		</ol>
		<a class="btn" href="http://vinagecko.com/joomla-templates">Browse Templates</a>
		<a class="btn" href="http://vinagecko.com/joomla-extension">Browse Extensions</a>
	</div>
</div>

Donc, il vous faut un bon manuel html ou un peu de lecture https://openclassrooms.com/courses/a...n-place-le-css, vous devriez y arriver.

A bientôt,

Pascal

[emvfb]

Re : Texte animé sur slider

Vous êtes dur avec moi

[pmleconte]

Re : Texte animé sur slider

J'ai trouvé un mode d'emploi plus simple: http://www.aliasdmc.fr/courshtml/cours_html22.html

Pascal

[emvfb]

Re : Texte animé sur slider

Super, bon pour la taille et la couleur du texte c'est bon, maintenant pour faire défilé du texte avec un intervalle de temps et éventuellement des images je sèche.....