Changer une image à partir d'un lien

Soyez le premier à donner votre avis sur cette source.

Vue 15 759 fois - Téléchargée 991 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

cs_Virtua747
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)
Amo_artemis
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).
elementdefeu
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...
kikkokiller
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+
douggui
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+

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.