Différences
Ci-dessous, les différences entre deux révisions de la page.
Les deux révisions précédentesRévision précédenteProchaine révision | Révision précédente |
umap:5_-_je_cree_des_infobulles_multimedia [2018/05/23 15:16] – [3. Insérer une photo] admin | umap:5_-_je_cree_des_infobulles_multimedia [2025/03/03 09:28] (Version actuelle) – [3. Insérer une image] antoine |
---|
{{ :umap:lienframapic.png?nolink |}} | {{ :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|}} | {{ :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)**. |
</code> | </code> |
| |
=== Associer une photo à un lien vers une page Web === | === 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 : | 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> | <code> |
[[http://cartocite.fr|{{https://cartocite.fr/wp-content/uploads/2016/10/logo_1.svg}}]] | [[https://framasoft.org/|{{https://framasoft.org/nav/img/logo.png}}]] |
</code> | </code> |
| |