Outils pour utilisateurs

Outils du site


umap:5_-_je_cree_des_infobulles_multimedia

Différences

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

Lien vers cette vue comparative

Les deux révisions précédentesRévision précédente
Prochaine révision
Révision précédente
umap:5_-_je_cree_des_infobulles_multimedia [2017/01/27 23:11] – modification externe 127.0.0.1umap:5_-_je_cree_des_infobulles_multimedia [2021/01/25 17:14] (Version actuelle) – modification externe 127.0.0.1
Ligne 57: Ligne 57:
 Cette forme est particulièrement utile pour les adresses longues. 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|}} {{ :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)   - 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 :    - placer cette adresse entre double accolades : 
Ligne 81: Ligne 81:
 {{ :umap:lienframapic.png?nolink |}} {{ :umap:lienframapic.png?nolink |}}
  
-=== Modifier la taille d'une photo ===+=== Modifier la taille d'une image ===
 {{ :umap:styledepopup.png?nolink|}} {{ :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)**. 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 90:
 </code> </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 ==== ==== 4. Insérer une vidéo ====
umap/5_-_je_cree_des_infobulles_multimedia.1485555067.txt.gz · Dernière modification : 2021/01/25 17:13 (modification externe)