A voir également:
- Image cliquable html
- Html image cliquable - Meilleures réponses
- Image clicable - Meilleures réponses
- Image cliquable dans html ✓ - Forum - Internet / Réseaux sociaux
- Image/lien HTML ✓ - Forum - HTML
- Comment insérer une image cliquable sur la page html? - Forum - HTML
- HTML 5 : Remplacer lien par image cliquable ✓ - Forum - HTML
- Rendre une image cliquable html/JS ✓ - Forum - Javascript
3 réponses
jordane45
- Messages postés
- 31500
- Date d'inscription
- mercredi 22 octobre 2003
- Statut
- Modérateur
- Dernière intervention
- 25 février 2021
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 !
dugenou
- Messages postés
- 5994
- Date d'inscription
- mercredi 19 janvier 2005
- Statut
- Contributeur
- Dernière intervention
- 23 février 2021
Bonjour,
En HTML, ce n'est pas possible, il faut utiliser un langage de script (JavaScript ou PHP).
Il faut créer les deux liens, indépendamment l'un de l'autre et mettre une condition pour afficher l'un ou l'autre.
A toi de déterminer la condition et comment l'appliquer.
En HTML, ce n'est pas possible, il faut utiliser un langage de script (JavaScript ou PHP).
Il faut créer les deux liens, indépendamment l'un de l'autre et mettre une condition pour afficher l'un ou l'autre.
A toi de déterminer la condition et comment l'appliquer.
HPC8854
- Messages postés
- 114
- Date d'inscription
- mercredi 27 mai 2015
- Statut
- Membre
- Dernière intervention
- 26 mai 2017
Un grand merci jordane45 pour le script.
Il fonctionne comme je le recherche !
Je vais l'étudier pour en comprendre plus précisément le code.
Comme je l'ai dis plus haut "j'apprends".
Et tu viens de m'apprendre un peu de JS !
Merci beaucoup de ton aide !
Dugenou, effectivement en HTML je ne pense pas que ce soit possible (pas dynamique)
Et je ne peux malheureusement pas utiliser de PHP. Que du HTML/JS.
Merci à vous deux !
Il fonctionne comme je le recherche !
Je vais l'étudier pour en comprendre plus précisément le code.
Comme je l'ai dis plus haut "j'apprends".
Et tu viens de m'apprendre un peu de JS !
Merci beaucoup de ton aide !
Dugenou, effectivement en HTML je ne pense pas que ce soit possible (pas dynamique)
Et je ne peux malheureusement pas utiliser de PHP. Que du HTML/JS.
Merci à vous deux !
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
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 :
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.
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
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