begin process at 2012 05 28 12:56:34
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets

 > CHANGER UNE IMAGE À PARTIR D'UN LIEN

CHANGER UNE IMAGE À PARTIR D'UN LIEN


 Information sur la source

Note :
5,25 / 10 - par 8 personnes
5,25 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets Niveau :Débutant Date de création :16/06/2002 Date de mise à jour :26/06/2002 18:40:44 Vu / téléchargé :14 252 / 892

Auteur : Virtua747

Ecrire un message privé
Commentaire sur cette source (7)
Ajouter un commentaire et/ou une note

 Description

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

Source

  • <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>
<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)

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Sources du même auteur

DRAPEAU AVEC DU VENT...
FAITES SAVOIR A VOS VISITEUR SI VOUS ETES CONNECTÉ
COPIER UN TEXTE DANS LE PRESSE-PAPIERS
DÉGRADÉS HORIZONTAUX ET VERTICAUX

 Sources de la même categorie

Source avec Zip Source avec une capture BOUTON ROTATIF par kazma
Source avec Zip Source avec une capture SHOWMAPAREA par phidelum
DHTML IE FILTRE DÉGRADÉ (OUTIL HTML POUR DÉVELOPPEUR) par internetdev
Source avec Zip ANIMATION DU TEXTE par brennal
Source avec Zip Source avec une capture EFFET RAYONS DU SOLEIL par tefa24600

Commentaires et avis

Commentaire de gribouil77 le 02/04/2003 21:55:47

Efficace et fonctionne très bien

Commentaire de nuage321 le 23/07/2004 01:19:09

merci , c'est bien pratique

Commentaire de douggui le 11/01/2006 11:40:18

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+

Commentaire de kikkokiller le 01/02/2006 11:00:03

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+

Commentaire de elementdefeu le 30/10/2008 12:51:47

merci infiniment pour ta source...sa me sauve la vie...

Commentaire de Amo_artemis le 25/06/2009 16:57:51 1/10

Codé avec les pieds, faut se relire avant de poster une source hein... (et puis la tester surtout).

Commentaire de Virtua747 le 24/07/2009 20:43:28

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)

 Ajouter un commentaire




Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 1,217 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales