Remplacer le texte par une image pour vos StartExpandCollapse
25 October 2010
Catégorie : Astuces et Conseils
Posté par : admin
Les StartExpandCollapse sont les balises smarty qui permettent (avec stopExpandCollapse) d'encadrer un bloc de texte pour cacher aux yeux de l'utilisateur son contenu. L'utilisateur clique sur le texte du lien auto-généré, le texte caché est révélé à l'écran. Re-cliquez, il disparaitra à nouveau.
Mais comment remplacer le lien en texte par une image bien plus conviviale ?
C'est Kler qui nous donnera la réponse sur le forum, Merci à lui
Avant
{startExpandCollapse id='expand1' title='texte du lien'}
texte caché à l'écran
{stopExpandCollapse}
Après
{startExpandCollapse id='expand1' title='<img src="uploads/images/nom_de_votre_image.jpg" alt="texte alternatif" width="100" height="100" />'}
texte caché à l'écran
{stopExpandCollapse}
Une image viendra remplacer votre texte.
Attention : dans le WYSIWYG les symboles < et > vont vite être remplacés par leur équivalent HTML et pourrir votre code. Pensez donc à désactiver le WYSIWYG ou à passer par une balise utilisateur / autre.
