Sujet Précédent Sujet Suivant

Rendre une image cliquable html/JS

Résolu/Fermé
HPC8854 Messages postés 117 Date d'inscription mercredi 27 mai 2015 Statut Membre Dernière intervention 26 mai 2017 - 4 mars 2017 à 10:30
HPC8854 Messages postés 117 Date d'inscription mercredi 27 mai 2015 Statut Membre Dernière intervention 26 mai 2017 - 6 mars 2017 à 07:52
Bonjour à tous,

Sur mon site j'aimerais automatiser un code suivant les événements que je vais créer.
Par exemple pour un événement qui dure une semaine, je voudrais mettre une image jpg grâce à un lien temporaire, et au bout d'une semaines, basculer vers un autre jpg.

voici mon code 
<img class="image" src=""quot;https://www.aht.li/3033590/image_a_lien_temporaire.jpg" 
     alt="Not Found" 
     onerror= this.src=""quot;https://www.aht.li/3033591/image_de_remplacement.jpg" >


Le truc, c'est que j'aimerais faire un lien cliquable différent sur les deux jpg.
Un lien qui amène vers la page de l'événement créé. Et un lien qui amène vers une page "proposer votre événement"

Vous l'aurait certainement compris
Lien A -> http://www.archive-host.com
Lien B -> http://www.archive-host.com

Et c'est la que je bloque. J'ai essayer averc HREF="http://www.page.fr", mais ça ne marche pas.

Pourriez-vous me donner un coup de pouce ? ça serait très gentil !

Merci à vous !

PS : j'apprends le html de temps a autres, un peu tout seul, je manque cruellement de connaissance, et je vais apprendre de nouvelles choses avec votre aide.

3 réponses

Réponse 1 / 3
jordane45 Messages postés 38454 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 22 mars 2025 4 740
4 mars 2017 à 12:44
Bonjour,

J'ai essayer averc HREF="http://www.page.fr", mais ça ne marche pas.

Et tu l'as mis où ce href ??

Il faut le mettre dans une balise <a> ... pas sur la balise <img> directement !
Un truc du genre 
 <a href="tonlien.html" rel="nofollow noopener noreferrer" target="_blank">
   <img src=""quot;tonimage.xxx"></img>
</a>


PS: Cette question concerne visiblement du HTML ... pas du JAVASCRIPT !
1
HPC8854 Messages postés 117 Date d'inscription mercredi 27 mai 2015 Statut Membre Dernière intervention 26 mai 2017 4
4 mars 2017 à 13:23
je l'ai mis comme ceci (maj du code)

<a href="http://www.google.fr/" rel="nofollow noopener noreferrer" target="_blank">
<img src=""quot;https://wwwaht.li/3033590/image_a_lien_temporaire.jpg" alt="MDN"
onerror= href="http://www.yahoo.fr/">
<img this.src=""quot;https://www.aht.li/3033591/image_de_remplacement.jpg" ></a>


j'arrive a avoir la redirection avec la première image, mais pas avec la deuxième.

Je confond le HTML et JS, on voit souvent sur le web html/js, c'est de ma faute ^^

Tu pourrais m'aiguiller sur l'erreur de ma mise a jour ?

j'ai pris des site "bidon" afin de procéder aux tests. Il manque un "." entre "www" et "aht.li", pour essayer de forcer l'affichage de la deuxième image, sans succès :/
0
HPC8854 Messages postés 117 Date d'inscription mercredi 27 mai 2015 Statut Membre Dernière intervention 26 mai 2017 4
Modifié par HPC8854 le 4/03/2017 à 13:39
voici une autre mise a jour,
c'est pareil, la deuxième image ne s'affiche pas :/ 

<a href="http://www.google.fr" rel="nofollow noopener noreferrer" target="_blank">
   <img src=""quot;https://wwwaht.li/3033590/image_a_lien_temporaire.jpg"
    onerror= href="http://www.yahoo.fr" rel="nofollow noopener noreferrer" target="_blank"
        this.src=""quot;https://www.aht.li/3033591/image_de_remplacement.jpg"> </a>


Je n'arrive pas a voir, ou est l'erreur, les code couleur de l'éditeur ne m'en dis pas plus.
D'après les couleurs tout est bon
0

Discussions similaires

comment insérer une image cliquable sur la page html?
nawras70 -
Utilisateur anonyme -

4 réponses
Image en HTML ne s'affiche pas
Visionnaire -
Visionnaire -

13 réponses
afficher une image en cliquant sur un lien
cadprog -
cadprog -

3 réponses
Faire passer du texte SOUS une image HTML / CSS
Mihai -
animostab -

2 réponses
Ecrire du texte à coté de l 'image
sabineh1 -
sabineh1 -

17 réponses
Image côte à côte en CSS
Utilisateur anonyme -
Utilisateur anonyme -

4 réponses