Mettre un lien https dans une image

[franvilab91]

Bonjour à tous
Je cherche comment faire pour insérer un lien https:// dans une image déchargée dans la page d’accueil de mon énigme «mystery»
mais je n'y parviens pas.Le but est que lors que l’on clique sur l’image de la page d’accueil, je système me renvoi vers une application de puzzle ou autres
style : https://learningapps.org/view6237756  :  LearningApps.orgVoilà comment je procède :
Dans la page récapitulative de la cache, je clique ajouter des images, je télécharge une image .jpeg (267 ko) qui apparait sur la page et clique sur Charger
Le système mouline et retour à la page d’accueil, mais l’image téléchargée n’apparait pas.
Remarque : L'icône de l'image de la cache apparait bien en bas de la page de l'énigme
1ère question : pourquoi l’image n’apparait pas sur la page d’accueil ?
2ème question : une fois que j’aurai cette image, comment faire pour y insérer un lien https ?

Merci d’avance si quelqu’un peu m’aider à finaliser mon énigme

Géoamicalement

François

 

[bernie38]

Bonjour.

Voici comment j'ai procédé pour une de mes caches (un extrait seulement), ça doit fonctionner pour toutes
 

Code : Tout sélectionner

<a href="https://le nom du site" target="_blank"><img alt src="https://mon image"/> </a>

Et donc, dans la balise href tu inscrits le site sur lequel orienter quand on clique, et dans la balise img alt src le lien pour afficher l'image.

Tiens nous au courant de l'avancement.

[franvilab91]

Merci pour ce retours pour mettre un lien d'une application https:// dans une image
L'application fonction bien en cliquant sur l'image.
Mais est-il possible d'ouvrir cette application en ne cliquant que sur un point précis de l'image (exemple: les yeux sur un portrait) ?
Merci d'avance.
Bonne journée

[noidateam]

Bonjour,
Oui c'est possible.
Je t'invite à faire ton choix parmi les solutions proposées ici :
https://www.google.com/search?q=d%C3%A9 ... e&ie=UTF-8

Par contre pas sûr que le code obtenu fonctionnera sur geocaching.com

Sinon, je me suis servi de ce logiciel il y a pas mal de temps pour le boulot :
https://archive.framalibre.org/article5109.html

@+

[bernie38]

Bonjour.

Merci Philippe pour ces précisions, de mon côté je pensais à une image associée à un script PHP ou éventuellement du HTML, le tout hébergé sur un site perso, mais encore faut il connaitre un minimum la programmation, et aussi avoir un site perso qui tienne un peu la route (entre autre en ce qui concerne la sécurité)

Je pense que la seconde solution que tu proposes est bien plus abordable que la première : GIMP est très bien, mais assez compliqué à manipuler. Mais comme tu le précises, pas sûr que ça fonctionnera correctement sur le site geocaching...

Attendons de voir ce qu'en pense Franvilab91. Je suis curieux de savoir le fin mot de l'histoire (si ça finit par fonctionner)

[Chrono81]

Le fin mot de l'affaire m'intéresse aussi.

Effectivement, aujourd'hui, il est de plus en plus difficile d'intégrer des objets sur les descriptifs HTML des géocaches (geocaching.com).
Pour la mystery que je suis en train de concevoir, je vais rapidement partir sur un site externe pour avoir plus de liberté et moins d'embêtements ...

[noidateam]

Petit test avec le logiciel que j'ai donné.
Test sur une page hébergée sur le serveur :
https://france-geocaching.fr/test_mapper.htm (cliquer sur la bouche)

Modification d'une de mes pages de caches (tout en bas du listing pour voir le logo)
https://www.geocaching.com/geocache/GC2 ... les-vesoul

[franvilab91]

Bonjour à tous
Je me suis servi du lien : <a href="https://le nom du site" target="_blank"><img alt src="https://mon image"/> </a>
de Bernie38 pour télécharger une image avec son lien https le dirigeant vers une application qui s'ouvre lorsque l'on clique sur l'image.
La manipe fonctionne bien et le résultat est correcte à ma demande. 
Je suis en cours de finalisation de l'énigme et de la confection de la boite. je communiquerais le GC après parution. 
ci-dessous un petit tuto extrait du lien de Bernie38

1) Quand tu es en édition dans la page "Télécharger une image ", clique sur le lien « Ajoutez des images ».
2) Sur la page, sélectionne une image ou glisse la depuis ton PC dans la fenêtre grise
3) Clique sur le bouton "Charger "
4) Ton navigateur te ramène alors à la page de ta cache et tu y verras l’image que tu as chargé en miniature, tout en bas à gauche
5)  Clique gauche sur le titre de l’image : Image de l'énigme | Éditer, ce qui ouvre en grand l’image
6)  Clique droit sur l’image et clique sur "copier l’adresse de l’image "
7)  Sur la page de ta cache, en mode édition, ajoute ce texte ci-dessous (en mode </>source )               <a href="https://Fournisseur d’applications">  <img src="https://img.geocaching.com/cache/large/xxxx.png" /></a>
 8) Le lien de l’application de ton choix https://Fournisseur d’applications dois être placé derrière <a href=" et devant "><img
 9) Le lien vers ton image https://img.geocaching.com/cache/large/xxxx.png que tu auras copier en cliquant sur "Copier l’adresse de l’image " 
     doit être placé derrière src=" et devant " /></a>
10)  Clique sur Enregistrer & afficher l’apperçu
11)  Retours à la page de ta cache où l’image dois être affichée
12)  Essais en cliquant sur l’image, tu devrais avoir accès à l’application souhaitée

Merci encore de votre aide
 

 

[franvilab91]

Je viens de regarder les liens que me propose Noidateam pour ouvrir une application en ne cliquant que sur un point précis de l'image (exemple: les yeux sur un portrait) ?
Cà a l'air d'être une galère, j'abandonne et reste simple avec mon image.
Merci comme même ☺

[bernie38]

Bonjour.

Heureux que tu aies pu t'en sortir, mais le second lien que donne Noidateam (Philippe) est une vraie mine d'or, ça vaut le coup de regarder et de s'en inspirer, je trouve que c'est une solution assez simple et élégante pour rendre cliquable une zone particulière d'une image.

[franvilab91]

J'ai regardé pour téléchargé le logiciel qu'il dise gratuit, mais il faut quand même donner ces coordonnées bancaires 
Je ne m'y risque pas.

[bernie38]

Tu peux le télécharger sur 01.net et c'est réellement gratuit, pas besoin de carte bancaire. Je l'ai téléchargé, en fait c'est super simple, il n'y a pas d'installeur, juste un fichier zip à décompresser et c'est parti

EDIT : j'ai aussi tenté avec le lien donné par Noidateam, en cliquant sur "site officiel et téléchargement", et je ne trouve pas de demande de carte bancaire, j'obtiens bien là aussi un zip. Bizarre, sur quoi as tu cliqué ???

[noidateam]

J'ai regardé pour téléchargé le logiciel qu'il dise gratuit, mais il faut quand même donner ces coordonnées bancaires 
Je ne m'y risque pas.

Faudrait que tu m'expliques où on t'a demandé ta CB pour télécharger ce truc !!!
J'ai mis la page Framalibre pour que tu aies la description du logiciel et après il faut quand même aller sur le site officiel (ceci dit c'est quand même la base des téléchargements quelque soit le logiciel !!! )
Je remets ici la page directe :
http://mhm.fr.nf/ clique en haut sur executable

@bernie38 Zéro confiance en 01net qui met des m... sur le PC en parallèle des téléchargements

[bernie38]

@bernie38 Zéro confiance en 01net qui met des m... sur le PC en parallèle des téléchargements

Il y a bien évidemment des "parasites", mais jusqu'à présent j'ai évité des installations non désirées. Faut dire aussi que j'y vais très rarement, sur ce site...

[franvilab91]

OK, j'ai du faire une mauvaise manipe au téléchargement du logiciel.
Bon, j'ai télécharger avec le lien : http://mhm.fr.nf/ 
Dans l'application j'ai positionné un cercle à l'endroit où cliquer sur l'image; mais après ......
En bas je trouve un lien : <map id="nom de mon image" name"nom de mon image">
<area alt="" href="" shape"circle" coords="677,409,34"/>
Je ne trouve pas de tuto en français sur Youtube

Que dois-je faire après?
Merci