Changer une image à partir d'un lien

Soyez le premier à donner votre avis sur cette source.

Vue 15 823 fois - Téléchargée 1 000 fois

Description

Vous cliquez sur un lien et l'image change dynamiquement.

Source / Exemple :


<HTML>
<HEAD>
<STYLE TYPE="TEXT/CSS">
.lien {font-family:Verdana; color:blue; size:10pt; text-decoration: none}
</STYLE>
<SCRIPT LANGUAGE="JAVASCRIPT">
/*
SCRIPT inventé par Virtua747

  • /
//Fonction pour afficher la première image function ChangeImg(nom_de_l_image, chemin_de_l_image){ if(getElementById){ document.getElementById(nom_de_l_image).src = chemin_de_l_image; } </SCRIPT> </HEAD> <BODY><CENTER> <IMG SRC="image1.gif" ID="IMAGE"><BR> <A CLASS=lien ONCLICK="ChangeImg("IMAGE", "image1.gif")" STYLE="cursor:hand">Image1</A>&nbsp;&nbsp; <A CLASS=lien ONCLICK="ChangeImg("IMAGE", "image2.gif")" STYLE="cursor:hand">Image2</A> </CENTER></BODY> </HTML>

Conclusion :


(Attention : le ZIP n'est pas à jour)

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

Messages postés
15
Date d'inscription
dimanche 9 juin 2002
Statut
Membre
Dernière intervention
21 novembre 2003

La source date de 2003, il manque seulement une accolade, mais à l'époque les interpréteurs JavaScript devait être moins rigoureux.
Aujourd'hui avec tous les frameworks JavaScript qui existe, cette source n'est plus d'actualité et de loin.

Un exemple avec jQuery pour changer la source d'une image: $("#IMAGE").attr( "src", "image1.gif" ); (pour coller à la source)
Messages postés
1
Date d'inscription
mardi 5 décembre 2006
Statut
Membre
Dernière intervention
25 juin 2009

Codé avec les pieds, faut se relire avant de poster une source hein... (et puis la tester surtout).
Messages postés
10
Date d'inscription
mercredi 29 octobre 2008
Statut
Membre
Dernière intervention
24 novembre 2008

merci infiniment pour ta source...sa me sauve la vie...
Messages postés
1
Date d'inscription
vendredi 4 mars 2005
Statut
Membre
Dernière intervention
1 février 2006

marche tres bien ?? lol

j'ai du faire ces modifications :

ONCLICK="ChangeImg("IMAGE", "image2.gif")" a remplacer par
ONCLICK="ChangeImg('IMAGE', 'image2.gif')"

et j'ai supprime la conditionnelle :

function ChangeImg(nom_de_l_image, chemin_de_l_image){
document.getElementById(nom_de_l_image).src = chemin_de_l_image;
}

merci ca m'a aide quand meme

a+
Messages postés
6
Date d'inscription
vendredi 20 février 2004
Statut
Membre
Dernière intervention
18 décembre 2006

Merçi pour le code.
Cependant, j'aimerais qu'on puisse choisir l'image à afficher dépuis un bouton.
Aussi fodra voir avec les otres navigateurs comment est ce que ça marche?

Merçi.
A+
Afficher les 7 commentaires

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.