J’essaie de faire une sorte de galerie pour mon site, et sur la page, il y a donc les vignettes, je voudrais faire en sorte que lorsque je clique sur une de ces vignettes, l’image apparaisse au milieu de la page. Mais, j’y arrive pas. Alors j’ai essayé de faire avec un onMouseClick mais non, ça passe pas (à peu près le même principe des images qui changent quand on passe le pointeur dessus, avec un onMouseOver, sauf que la cible est une autre image que celle sur laquelle on clique … je sais pas si je m’exprime bien)
Alors en PHP, ce problème ne devrait pas en être un, mais j’ai pour ainsi dire jamais touché au php …
Voilà, si quelqu’un connait une solution en javascript, je suis preneur, sinon, … sinon je vais essayer de me lancer dans le php… Merci !!! (et merci même si y’a pas de solution, c’est déjà bien d’avoir lu le post (je suppose qu’il a été lu, si vous en arrivez à cette ligne )
Essaie onclick et non onmouseclick.
Sinon, ce serait plus simple pour t’aider si tu pouvais mettre les parties pertinentes de ton code ici.
Pour le choix javascript/PHP, je pense qu’il est plus adapté d’utiliser le javascript si tu n’as pas besoin de faire un aller-retour client-serveur, ceci pour un gain de temps.
Moi j’utilise le php seulement lorsque j’ai besoin d’interroger le serveur. Pour le reste, c’est javascript.
Ton image centrale de taille fixe (de la taille des grandes images) nommée centrale
Par le même principe du Roll-over (onMouseClick je crois)
tu va changer la propriété src de ton image centrale, avec une methode en javascript.
de tete
document.centrale.src=“maNouvelleImage”;
et normalement ca passe …
Au pire, tu te la joue bourrin
tu recupere Photoshop en version d’évaluation (et tu crée ta galerie avec ImageReady)
il va t’auto générer ce genre de petite chose.
voilà le code : (bon, par souci de clarté, je n’ai laissé que le code de deux vignettes, normalement y’en a 10 … mais le principe est le même) (pour un aperçu de la page, mais sans le javascript : http://www.web-pencil.fr.st/originaux/kholo01.htm )
Okay, merci bien, vous êtes un chef t’auras ton nom dans les crédits ^^ ! (c’est le moins que je puisse faire ^^)
Merci bien pour le code, mais c’était pas la peine de te donner tant de mal, j’ai eu le temps de le voir avant qu’il apparaisse en undefined. Merci encore.
La taille de l’image au centre est définie avec les classiques “width=” et “height=”. Lorsque l’on clique sur une vignette, l’image au centre se change. Toutefois, les dimensions restent les mêmes, ce qui est plutôt embétant.
Dans la partie , les images qui seront chargées sont définies avec leur format (du moins il me semble), par exemple :
BlackAngel = new Image(276,391);
BlackAngel.src = “…/graphics/originaux/kholo/BlackAngel.jpg”;
Le lien qui fait appel au javascript est le suivant (varié selon chaque image):
et l’image au centre :
J’ai tenté d’enlever les paramètres “width=” et “height=” mais dans ce cas, les images sont chargées dans leur format réel, pas dans celui que je veux leur imposer (limitation de la taille de l’image pour qu’elle apparaisse en entier dans la frame).
Voilou voilou. Ch’uis embétant, désolé ^^ !
P.S. : barberousse, même si je n’ai pas utilisé ta méthode, merci quand même, elle m’a permi d’apprendre un peu plus le javascript.