Différences

Ci-dessous, les différences entre deux révisions de la page.

--- umap:5_-_je_cree_des_infobulles_multimedia [2017/01/27 22:11] – modification externe 127.0.0.1
+++ umap:5_-_je_cree_des_infobulles_multimedia [2025/03/03 09:28] (Version actuelle) – [3. Insérer une image] antoine
@@ Ligne 57: / Ligne 57: @@
 Cette forme est particulièrement utile pour les adresses longues.
 ----
-==== 3. Insérer une photo ====
+==== 3. Insérer une image ====
-Umap ne permet pas de stocker des photos, mais sait afficher des photos publiées sur un serveur Web.
+Umap ne permet pas de stocker des images, mais sait afficher des photos publiées sur un serveur Web.
 {{ :umap:miseenforme-photo.png?nolink|}}
-L'article Wikipédia montre une belle photo de l'Anse de Morgat. Les photos visibles dans Wikipédia sont sous licence libre //[[http://creativecommons.fr/|Creative Commons]]//. Cela signifie que l'auteur.rice de la photo renonce à ses droits d'auteur : nous pouvons donc utiliser cette photo. Pour cela nous devons :
+L'article Wikipédia montre une belle photo de l'Anse de Morgat. Les photos visibles dans Wikipédia sont sous licence libre //[[http://creativecommons.fr/|Creative Commons]]//. Cela signifie que l'auteur·rice de la photo renonce à ses droits d'auteur : nous pouvons donc utiliser cette photo. Pour cela nous devons :
   - copier l'**adressse de l'image** (cette opération est accessible dans le menu affiché par un clic droit sur la photo)
   - placer cette adresse entre double accolades :
@@ Ligne 81: / Ligne 81: @@
 {{ :umap:lienframapic.png?nolink |}}
-=== Modifier la taille d'une photo ===
+<note important>Framapic n'étant plus disponible, regarder du côté de [[https://pixelfed.fr/|PixelFed]]</note>
+=== Modifier la taille d'une image ===
 {{ :umap:styledepopup.png?nolink|}}
 La taille de la photo est restreinte par la taille de l'infobulle. Pour **agrandir une image** vous devez utiliser une infobulle plus grande. Pour cela ouvrez l'onglet ''Options d'interaction'', cliquez sur ''Définir'' en face de ''Style de popup'' puis choisissez **Nom et description (large)**.
@@ Ligne 90: / Ligne 92: @@
 </code>
-----
+=== Associer une image à un lien vers une page Web ===
+Il est possible d'intégrer une image qui ouvre une page Web lorsque l'utilisateur clique dessus. Cela consiste en fait à créer un lien vers une page Web (syntaxe ''%%[[lien|texte]]%%''), en utilisant en guise de texte le lien vers une image (syntaxe ''%%{{image}}%%''). Exemple avec le site et le logo Framasoft :
+<code>
+[[https://framasoft.org/|{{https://framasoft.org/nav/img/logo.png}}]]
+</code>
 ==== 4. Insérer une vidéo ====