Rendre une image cliquable html/JS [Résolu/Fermé]

pourquoi "quot;" apparait après mon "coller" du code ?

pourquoi "quot;" apparait après mon "coller" du code ?

c'est un bug de l'édteur du forum... j'ai déjà remonté le point.

Et en fait.. en relisant ton code.. si tu as bien du javascript dedans...
Je remet la discussion dans le forum js ^^

Je ne suis pas sûr de ce que tu veux faire... mais tu peux sûrement remplacer ton code par :

<a href="http://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="lien_img">
   <img src=""quot;"quot;https://wwwaht.li/3033590/image_a_lien_temporaire.jpg"
        onerror="changeImg(this);" ></img>
 </a>
 
 <script type="text/javascript">
 function changeImg(elm){
   elm.src=""quot;"quot;https://www.aht.li/3033591/image_de_remplacement.jpg";
   document.getElementById('lien_img').href="http://www.yahoo.fr";   
 }
 </script>

Voici ce que je cherche à faire avec des détails
J'organise plusieurs événements dans un jeu vidéo
Par exemple
du 1er au 23 - > tournoi (1)
du 1er au 7 -> course spéciale 1 (2)
du 8 au 16 -> course spéciale 2 (3)
Du 17 au 23 -. Course spéciale 3 (4)
Du 24 au 30/31 -> rien (5)

Prenons l'exemple du tournoi (1)
Afficher un jpg "tournoi 8 en cours" grâce à un lien temporaire de 3 semaine. Redirigeant vers la page "tournoi". Une fois le lien temporaire "mort/expiré" afficher un jpg "tournoi terminé" avec un lien vers la vidéo commenté du tournoi 8 ainsi terminé.

Et utiliser ce même script, en changeant juste les lien vers les jpg et les page adéquate en fonction des évènements (1)(2)(3)... Et d'autre événements à venir.

Histoire d'automatiser l'affichage des jpg, et des lien de redirection en fonction du temps des évènements créés. Ici 1 événement de 3 semaines, et 3 de 1 semaine. Je risque fort de créer des évènements de 3 mois par exemple.
J'ai juste à gérer la durée de vie du lien temporaire de mes jpg sur mon hébergeur de fichiers (pas de site)

Et vu que je suis un peu tête en l'air je ne pense pas à vérifier h24 mes image de promo de mes événements. C'est pour cela que je recherche le moyen "d'automatiser" l'affichage des jpg.

je reviens vers toi pour un complément d'information, car je rencontre des bug que je n'avais pas prévu.

j'ai besoin de mettre le code que tu m'as gentiment donné plusieurs fois par page.
L'image et le lien de remplacement sont différents à chaque fois. Je m'explique avec ce code

<a href="http://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="lien_img">
   <img src=""quot;"quot;"quot;"quot;"quot;https://wwwaht.li/3033590/image_a_lien_temporaire2.jpg"
        onerror="changeImg(this);" ></img>
 </a>

 <script type="text/javascript">
 function changeImg(elm){
   elm.src=""quot;"quot;"quot;"quot;"quot;https://www.aht.li/3033591/image_de_remplacement2.jpg";
   document.getElementById('lien_img').href="http://www.yahoo.fr";   
 }
 </script>

___

<a href="http://www.google.fr" rel="nofollow noopener noreferrer" target="_blank" id="lien_img">
   <img src=""quot;"quot;"quot;"quot;"quot;https://wwwaht.li/3033590/image_a_lien_temporaire1.jpg"
        onerror="changeImg(this);" ></img>
 </a>

 <script type="text/javascript">
 function changeImg(elm){
   elm.src=""quot;"quot;"quot;"quot;"quot;https://www.aht.li/3033591/image_de_remplacement1.jpg";
   document.getElementById('lien_img').href="http://www.yahoo.fr";   
 }
 </script>

est sur mes deux emplacement, j'ai que l'image de remplacement 2 qui s'affiche, pourtant le lien est bon sur le premier bloc html/JS

j'ai pensé qu'il s'agit certainement d'un conflit.
Puis-je changer les "ID" en faisant comme ceci pour chaque fois que je mets le script sur la page ?

id="lien_img1"
id="lien_img2"
id="lien_img3"
id="lien_img4"

(sur la page d'acceuil, j'ai besoin de le mettre 6 fois)

Voici une capture d'écran :
https://www.dropbox.com/s/29v8iflt4l018el/Capture%20d%27%C3%A9cran%202017-03-06%2008.07.52.png?dl=0

l'image de remplacement 1 ne s'affiche pas, certainement parce que les codes sont l'un derrière l'autre,

cependant, quand je place 2 bloc html distincts à deux endroit différent de la page, j'ai le même soucis