Changer une image sur un clic
Fermé
Vapula
-
26 févr. 2012 à 11:18
Sombresonge Messages postés 106 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 19 avril 2015 - 26 févr. 2012 à 14:36
Sombresonge Messages postés 106 Date d'inscription mardi 7 février 2012 Statut Membre Dernière intervention 19 avril 2015 - 26 févr. 2012 à 14:36
A voir également:
- Changer une image sur un clic
- Changer dns - Guide
- Changer clavier qwerty en azerty - Guide
- Image iso - Guide
- Changer carte graphique - Guide
- Comment agrandir une image - Guide
1 réponse
Sombresonge
Messages postés
106
Date d'inscription
mardi 7 février 2012
Statut
Membre
Dernière intervention
19 avril 2015
9
Modifié par Sombresonge le 26/02/2012 à 14:38
Modifié par Sombresonge le 26/02/2012 à 14:38
tu as plusieurs possibilités.
- Soit tu peux faire ça en PHP, en mettant un lien sur chaque image (ex calendier.php?mois=2), et dans ta page calendrier.php, tu affiches l'image en fonction du mois passé en paramètre. Cette méthode est plus intéressante dans 2 cas : Si tu veux référencer chaque page indépendamment, et si tu veux ajouter d'autres données en plus de l'image.
- Soit tu fais simplement un changement d'image (sans rechargement de page) avec la propriété onclick. C'est beaucoup plus intéressant si tu ne cherches à modifier QUE ton image. Par contre, en fonction du poids de ton image, l'inversion des deux images risque de ne pas être instantanée.
Pour le deuxième cas, il te suffit de faire comme suit :
- Sur tes 13 balises <img>, tu ajoutes la propriété onClick(), et tu lui demande de modifier l'image. Tu devrais avoir un code qui ressemble à ca :
la première image représente le bouton a cliquer, celle du bas l'image a afficher. Tu n'as plus qu'a ajouter tes 12 autres images et a modifier chaque fois l'image que tu veux charger dans le onclick() de chacune
- Soit tu peux faire ça en PHP, en mettant un lien sur chaque image (ex calendier.php?mois=2), et dans ta page calendrier.php, tu affiches l'image en fonction du mois passé en paramètre. Cette méthode est plus intéressante dans 2 cas : Si tu veux référencer chaque page indépendamment, et si tu veux ajouter d'autres données en plus de l'image.
- Soit tu fais simplement un changement d'image (sans rechargement de page) avec la propriété onclick. C'est beaucoup plus intéressant si tu ne cherches à modifier QUE ton image. Par contre, en fonction du poids de ton image, l'inversion des deux images risque de ne pas être instantanée.
Pour le deuxième cas, il te suffit de faire comme suit :
- Sur tes 13 balises <img>, tu ajoutes la propriété onClick(), et tu lui demande de modifier l'image. Tu devrais avoir un code qui ressemble à ca :
<img src="lien_de_l_image" onClick="document.getElementById('mon_image_generale').src='nouveau_lien_image';" />
<img id="mon_image_generale" src="lien_de_l_image_de_base" />
la première image représente le bouton a cliquer, celle du bas l'image a afficher. Tu n'as plus qu'a ajouter tes 12 autres images et a modifier chaque fois l'image que tu veux charger dans le onclick() de chacune
