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 un effet "Pop-up" sur une image
Avec le gestionnaire d'image «Adhérent»
Un onglet supplémentaire vous permet de créer un effet pop-up sur une image de manière extrèmement simple.
Si vous ne possédez pas le plug-in «Adhérent», vous pouvez également créer des pop-ups sur des images à l'aide du gestionnaire de liens (voir plus bas...).
-
Lors de l'envoi de l'image sur le serveur, choisissez la création automatique des miniatures et si nécessaire le redimensionnement des images.
-
Sélectionnez l'onglet "Pop-up" puis l'image que vous souhaitez afficher en pop-up.
Cliquez sur l'image pour l'afficher en pop-up
Une fenêtre s'affiche pour vous demander si vous souhaitez utiliser la miniature associée ; confirmez par «Oui». -
Cliquez sur le bouton "Insérer" au bas du gestionnaire d'image pour finaliser la procédure.
Votre image miniature avec un lien sur la fenêtre pop-up contenant l'image de grande taille est fonctionnelle.
Avec le gestionnaire d'image version gratuite
Il est également possible de créer un effet pop-up sur une image sans le plug-in Adhérent, la procédure est un peu plus fastidieuse.
-
Créez sur votre ordinateur les deux formats d'image pour la miniature et le pop-up.
- Si vous ne possédez pas d'outils de retouche d'images vous pouvez utiliser les outils en ligne suivants :
- http://www.lookimage.net/ pour le redimensionnement uniquement ;
- http://www.pixlr.com/editor/?loc=fr est un logiciel de type photoshop ;
- http://fotoflexer.com/app/index.php?lang=fr-FR est également un logiciel complet, plus accessible aux débutants.
- Si vous ne possédez pas d'outils de retouche d'images vous pouvez utiliser les outils en ligne suivants :
-
Envoyez les images sur le serveur dans le répertoire de votre choix comme présenté dans l'image ci-dessous.
Cliquez sur l'image pour l'afficher en pop-up -
Insérez la miniature dans votre contenu.
-
Sélectionnez la miniature, cliquez sur le gestionnaire de liens et suivez les étapes présentées dans l'image ci-dessous.
Cliquez sur l'image pour l'afficher en pop-up
< Précédent Suivant >