Rendre une image cliquable html/JS
Résolu
HPC8854
Messages postés
117
Date d'inscription
Statut
Membre
Dernière intervention
-
HPC8854 Messages postés 117 Date d'inscription Statut Membre Dernière intervention -
HPC8854 Messages postés 117 Date d'inscription Statut Membre Dernière intervention -
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
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.
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.
A voir également:
- Comment faire une image cliquable en html
- Supprimez les composantes rouge et verte de cette image. quel mot apparaît ? - Forum Word
- Editeur html - Télécharger - HTML
- Image iso - Guide
- Br html ✓ - Forum Webmastering
- Acronis true image - Télécharger - Sauvegarde
3 réponses
Bonjour,
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
PS: Cette question concerne visiblement du HTML ... pas du JAVASCRIPT !
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 !
<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 :/
c'est pareil, la deuxième image ne s'affiche pas :/
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