• Full Screen
  • Wide Screen
  • Narrow Screen
  • Augmenter la taille
  • Taille par défaut
  • Diminuer la taille

Gestion des images avec JCE - Légende d'image

Envoyer Imprimer PDF
Index de l'article
Gestion des images avec JCE
Image popup avec MediaBox
Image réactive (rollover)
Légende d'image
Image Map
Toutes les pages

Créer une "Légende d'image"

Le plug-in Adhérent «Caption» vous permet d'attribuer très simplement une légende à d'image.

  • Cliquez sur l'image à laquelle vous souhaitez attribuer une légende puis sur l'icône «Insérer/Editer une légende» caption pour ouvrir la fenêtre du gestionnaire ;
  • Spécifiez les paramètres du texte et de ses marges ;

Gestionnaire du plug-in JCE Caption

  • Spécifiez les paramètres du cadre et de ses marges ;
Gestionnaire du plug-in JCE Caption

Résultat

(Pour la mise en page dans ce contenu, l'alignement à droite a été supprimé).

joomla-dev_cycle
Cycle de développement de Joomla!

 


Appliquer une légende sans le plug-in «Caption»

Il est également possible d'attribuer une légende à une image sans le plug-in «Caption». La procédure est plus fastidieuse et doit être suivie scrupuleusement. Elle s'effectue à l'aide d'une balise «div» (le container) dans laquelle est placée l'image et à laquelle est appliqué un style XHTML.

Procédure

  1. Insérez l'image, sélectionnaz-la et appliquez-lui le format Div.
  2. Placez votre curseur à la droite de l'image et appliquez un retour à la ligne.
  3. Ecrivez le texte de la légende.
Cliquez sur l'image pour l'afficher en pop-up
Insérer une légende d'image avec JCEInsérer une légende d'image avec JCE

4. à  10.   Appliquez un style XHTML à la balise div

Cliquez sur l'image pour l'afficher en pop-up
Insérer une légende d'image avec JCE

Cliquez sur l'image pour l'afficher en pop-up
Insérer une légende d'image avec JCE

Cliquez sur l'image pour l'afficher en pop-up
Insérer une légende d'image avec JCE

Cliquez sur l'image pour l'afficher en pop-up
Insérer une légende d'image avec JCE

Code source
1


2
style="margin: 5px 0px 5px 10px; text-align: center; width: 118px;
float: right; position: relative;">< alt="articles"
src="images/stories/articles.jpg"height="96" width="128" />
/>

>>La légende > > 
>
 

 



Connexion

Identifiants

Identifiant / Mot de passe
Super Administrateur
admin / admin
Rédacteur

redacteur / redacteur
Éditeur
editeur / editeur
Travail
fifi / fifi - toto / toto
Auteurs
lulu / lulu - mama / mama
Membre
membre / membre
Vous êtes ici : Editeur JCE Présentation Gestion des images