CodeS-SourceS est hébergé par Frontier.fr

Cliquez ici pour mettre ce site au démarrage de votre navigateur

AccueilCodesTutorielsForumsEmploiLivresConnexion

begin process at 2008 12 03 23:28:35

VIDéO : VISION DE MICROSOFT SUR LA 4èME GéNéRATION DES DATA CENTERS MODULAIRES par redo

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (2/2) par neodante

[OPEN XML] COMPTE RENDU DII WORKSHOP DE BRUXELLES (1/2) par neodante

[WPF] L'OBJET COLLECTIONVIEWSOURCE DE WPF, INDISPENSABLE POUR DéVELOPPER DES APPLICATIONS MéTIER ! par Thomas LEBRUN

MOBUZZ C'EST FINIT ! par orion

RE : BOUTON COCHER/DECOCHER par kazma

VOTE +1 AIDEZ MOI PLZ par drazika

JAVASCRIPT : OPENER ET REFRESH ? par photon02

TABLEAU D'INFORMATION par wwe419

RE : RECUPERER UNE VARIABLE par Bulledanslair

+ de logiciels à télécharger

1 302 867 membres
783 nouveaux aujourd'hui
14 556 membres club

Trouver une ressource

Trouvez une ressource parmi 39 081 codes, 1 208 964 messages d'aide etc...

Recherche: dans [ Dernières recherches ]

Vous ne trouvez pas de réponse à votre problème ? Alors posez la question dans le forum. Souvenez-vous qu'il n'y a jamais de question bête, mais rester dans l'ignorance parce que l'on n'ose pas poser une question, ça c'est une erreur !

CHANGER UNE IMAGE À PARTIR D'UN LIEN

Information sur la source

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é: 9 656 / 559

Auteur : Virtua747

Ecrire un message privé

Note :

5,86 / 10

Commentaire sur cette source (5)

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

Pour les "Membres Club", vous pouvez télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

ChangeIMG.html 731 octets
image1.gif 5 141 octets
image2.gif 6 572 octets

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

Toutes les sources de Virtua747

Sources de la même categorie

CONFORTABLE AUTO DÉFILEMENT OU (SCROLL BAR) TOUT AUTOMATIQUE... par abdelaziz_info

DIAPO EN FONDU ENCHAINE par kazma

ANIMATION LOGO par opossum_farceur

FADING OBJETS HTML par Vedlen

ANNIMATION QUI RECOUVRE L'ÉCRAN AVEC UN PNG SEMI TRANSPARENT par djmmix

Toutes les sources de la catégorie Effets

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+