Les 5 onglets de la version "Adhérent"

• L'onglet "Image de l'article"
  • Charger l'image sur le serveur
  • Insérer l'image dans l'article
  • Les alignements de l'image
    
• L'onglet "Popup"
  • Galerie "Popup"
    
• L'onglet "Image survolée"
• L'onglet "Bulle d'info"
• L'onglet "Avancé"

1. L'onglet "Image de l'article"

1. Choisissez ou créez un nouveau répertoire sur le serveur dans lequel vous souhaitez envoyer l'image
2. Cliquez sur le bouton "Envoyer sur le serveur"
3. Cliquez sur le bouton "Parcourir" pour choisir l'image sur votre ordinateur
   • Vous pouvez redimensionner l'image pendant l'envoi sur le serveur
   • Vous pouvez créer en même temps une vignette de l'image, qui vous permettra d'appliquer un effet d'agrandissement de l'image / Popup (pour les effets popup Web 2 / lightbox, le plugin JCE Utilities doit être installé!)
   • Vous pouvez choisir de remplacer le fichier (si) existant sur le serveur, ou d'en créer une copie ( _copy sera rajouté au nom du fichier)
4. Validez l'envoi de l'image et les traitements sélectionnés en appuyant sur le bouton "OK"

1. Sélectionnez votre image en cliquant sur son nom. Son adresse absolue apparaît dans le champ "URL" (elle est enregistrée en adresse relative dans la base de données: images/stories/editeur.png)
   Attention, si vous êtes en affichage "vignettes", vous devez retourner dans l'affichage par nom pour sélectionner l'image
2. Inscrivez une "Description" et un "Titre" significatif à votre image, pour les moteurs de recherche et les systèmes de lecture pour malvoyants
3. Il est déconseillé de modifier les champs "Dimension" car l'image n'est pas recalculée lors de l'affichage, mais uniquement déformée. La qualité d'affichage peut devenir médiocre
4. L'espace "Vertical" et "Horizontal" correspond à l'espace autour de l'image
5. Le champ déroulant "Aligner" permet de positionner l'image dans l'article et, d'attribuer l'aspect de l'entourage du texte:
   • Défaut = 1 ligne en bas à droite de l'image
   • Haut = 1 ligne en haut à droite de l'image
   • Milieu = 1 ligne au milieu à droite de l'image
   • Bas = 1 ligne en bas à droite de l'image
   • Gauche = Lignes sur la droite de l'image
   • Droite = Lignes sur la gauche de l'image
6. Vous pouvez attribuer une "Bordure" (cadre) à votre image en réglant les Champs "Largeur", "Style" et "Couleur"
7. Vos paramètres réglés, appuyez sur le bouton "Insérer" pour placer l'image dans l'article

Vous pouvez en tout temps...

• Renommer une image
• Supprimer une image
• Copier une image
• Coller l'image dans un autre répertoire
• Visualisez votre image en taille réelle
• Créer une vignette de votre image à la taille souhaitée
  Utile pour un effet d'agrandissement d'image (Popup)
• Redimensionner votre image à la taille souhaitée
  Attention, l'agrandissement d'une image baisse sa qualité de manière importante, l'information inexistante ne pouvant être crée correctement. La réduction d'une image baisse aussi sa qualité mais de manière moins importante

Les alignements de l'image...

2. L'onglet "Popup"

1. Après avoir sélectionné l'image à afficher dans l'article (onglet "Image de l'article"), sélectionnez l'onglet "Popup"
2. Cocher la case "Actif" pour actionner l'effet popup
3. "Compatibilité"
   • JCE Utilities, si vous avez installé et activé le mambot
   • Thickbox, si vous avez installé et activé le mambot
   • Lightbox/Slimbox, si vous avez installé et activé le mambot
   • JCE 1.0.x Popup, popup standard avec fermeture par un cliquer sur la fenêtre
     Attribut de taille - Bouton imprimer - Désactivation du clic droite
4. Sélectionnez l'image que vous souhaitez faire apparaître en popup
5. Si vous le souhaitez, donnez-lui une légende
6. Validez par le bouton "Insérer"

Vous pouvez en tout temps attribuer la fonction popup à une image déjà insérée dans un contenu.
Ouvrez votre contenu, éditez l'image, ajoutez la fonction "Popup" comme décrite ci-dessus.

Galerie Popup

Pour créer une "Galerie Popup",  donner le même nom dans le champ "Nom pour Galerie Popup" aux Popups que vous souhaitez grouper ensemble.
Une navigation à l'intérieur des Popups est alors affichée.

Vous pouvez appeler une série d'images en affichant une seule vignette par la méthode suivante, demandant un peu d'écriture de code...

• 1ère image, affichée par la vignette :
  
  

• Les images suivantes sont appelées grâce à des liens sans l'affichage de la vignette :
  
  
  

3. L'onglet "Image survolée" pour les boutons réactifs ou autres permutations d'images

Cette fonction est en général utilisée pour les boutons changeant d'aspect lors du passage de la souris.
Elle peut être aussi utilisée pour afficher une légende à l'image, un détail de l'image (carte géographique), etc.

1. Sélectionnez l'image à faire apparaître par défaut (onglet "Image de l'article")
   Exemple: Bouton désactivé
2. Cochez la case "Image survolée"
3. Sélectionnez l'image à faire apparaître lors du passage de la souris
   Exemple: Bouton activé
4. Validez par le bouton "Insérer"

4. L'onglet "Bulle d'info"

1. Sélectionnez l'image à insérer dans l'article (onglet "Image de l'article")
2. Cochez la case "Actif"
3. Insérez un titre
4. Insérez un texte descriptif
5. Validez le tout par le bouton "Insérer"

5. L'onglet "Avancé" pour attribuer un style à l'image

Les éléments de cet onglet s'adresse aux expérimentés. Voici leur fonction:

• Style
  Style de l'image selon attribut de l'onglet "Image de l'article"
• Style CSS
  Style CSS du "Template" du site
• ID
  Attribuer une ID pour lier l'image à un style ou une action
• Sens d'écriture
  Gauche à droite (défaut) & Droite à gauche
• Code de langue
  Pour site multilingues
• Zone sur l'image
  Coordonnées d'une zone réactive sur l'image (Image Map)
• Description longue
  Adresse URL d'une description détaillée de l'image interprétée par les outils pour malvoyants