Rechercher : dans
Par :

[Javascript] Remplacement d'images

Dernière réponse le 29 mar 2009 à 13:13:06 mymemorial, le 29 mar 2009 à 00:19:42 
 Signaler ce message aux modérateurs

Bonjour,
J'ai un exercice qu'on a fait rapidement en classe aujourd'hui.
J'ai essayé de le refaire ce soir à la maison, impossible! =/

L'exercice : Sous Javascript, créer une page où l'image de la saison s'affiche en cliquant sur le lien de la saison donnée. Exemple, quand on clique sur printemps, l'image printemps.jpg apparait en bas des liens, et quand on clique ensuite sur ete, l'image ete.jpg remplace l'image printemps.jpg, toujours en bas des liens.

Voila ce que j'ai fait pour le moment :

<HTML>
<HEAD>
</HEAD>
<SCRIPT LANGUAGE="Javascript">
function change() {
document.images[0].src='pardefaut.jpg'
}
</SCRIPT>
<BODY>
<CENTER>
<A HREF="Javascript:change('printemps.jpg')">L'image du printemps</A><BR>
<A HREF="Javascript:change('ete.jpg')">L'image de l'ete</A><BR>
<A HREF="Javascript:change('automne.jpg')">L'image de l'automne</A><BR>
<A HREF="Javascript:change('hiver.jpg')">L'image de l'hiver</A><BR>
<IMG src="pardefaut.jpg">
</CENTER>
</BODY>
</HTML>


Voila, quelqu'un pourrait m'aider à compléter ce qui manque dans ce code s'il vous plait ?
Il s'agit bien de remplacer l'image par défaut par celle de la saison sélectionnée.
Ne faut-il pas ajouter quelque chose devant document.images[0] par hasard ?
Merci d'avance pour toute aide! =)

PS : Je sais qu'on peut résoudre ce problème avec la boucle SWITCH, mais je voudrais connaitre cette méthode s'il vous plait =)
Configuration: Windows XP
Firefox 2.0.0.13

Meilleures réponses pour « [Javascript] Remplacement d'images » dans :
Javascript - Centrer verticalement une page web VoirPour centrer verticalement une page web, impossible de s'en sortir en css. Une solution bien pratique : JavaScript. 1. Le fichier .js 2. La page .html 3. Utilisation 4. Inconvénients 5. Rappel Merci à Dalida pour la source du...
[Personnaliser] Thème Logon Logoff Bootscreen VoirPersonnaliser Windows XP Vous en avez assez de l'interface standard de Windows XP ? Vous voulez personnaliser, customiser l'ensemble (ou une partie) ? Vous pouvez personnaliser le bureau (thème et papier-peint), mais aussi le style plus général...
Javascript - Librairies d'effets pour vos images VoirAu gré de vos explorations du web, vous avez vu de superbes effets de présentation des images. Et ça vous plairaît bien de pouvoir proposer les mêmes à vos visiteurs. Voici quelques solutions en Javascript couplées à des CSS. Elles sont plus...
Javascript - Les événements VoirQu'appelle-t-on un événement? Les événements sont des actions de l'utilisateur, qui vont pouvoir donner lieu à une interactivité. L'événement par excellence est le clic de souris, car c'est le seul que le HTML gère. Grâce au Javascript il est...

1

bizu53, le 29 mar 2009 à 12:39:12

Il me semble qu'il n'y a que ta ligne de code de ta fonction javascript à modifier :

function change(filename) {
document.images[0].src=filename;
}

Je dis ça sans avoir testé mais ça me semble correct.

Répondre à bizu53

2

 mymemorial, le 29 mar 2009 à 13:13:06

YES!!! =D

Merci beaucoup bizu53, ça marche maintenant (^.^)/

En effet, ça venait de la fonction, fallait pas laisser le paramètre vide =p
Merci encore, et bonne journée =)

Répondre à mymemorial