Changer un morceau de mon image+ menu list

Résolu/Fermé
Signaler
-
 catherine -
Bonjour à tous,

Je suis webdesigner (donc pas code du tout) et je dois résoudre un problème, je vous explique:

J'ai la photo d'une montre, cette montre à plusieurs sortes de bracelet. J'aimerais que lorsque je clique sur exemple"bracelet cuir" le bracelet cuir se place sur la photo exactement au même emplacement que l'autre bracelet, si je clique sur bracelet en argent, c'est le bracelet en argent qui apparait sur la montre.

Pourriez-vous m'aider à touver la solution

Un grand merci à tous

3 réponses

c'est dans la découpe de tes images que tu trouveras la solution, peux-tu faire en sorte que les images des bracelets s'ajustent parfaitement ?

si oui alors ce sera pas un problême pour le javascript (je reviendrai sur ton post pour expliquer les roll-over)

mainan tu peux aussi tout faire en flash
Justement je ne peux pas le faire en flash malheureusement
L'image devra changer au clic sur le lien mais pas au roll over c'est ce qui me complique les choses

Merci de faire si vite
que cela se passe sur le clic ne va pas bouleverser les choses : ton gestionnaire d'évènement sera onClick et pas onMouseOver, c'est tout

alors, soient les deux images de ta bague :
<img src="cadran_montre.gif" id="cadran"> pour le cadran
<img src="bracelet_cuir.gif" id="bracelet"> pour le bracelet, ici j'ai mis le cuir dès le début par défaut


si tu veux changer ton bracelet cuir en argent par un clic sur l'image du bracelet argent, cela donnera cela :
<img src="bracelet_argent_mini.gif" onClick="document.getElementById("bracelet").src="bracelet_argent.gif">, bracelet_argent_mini.gif étant bien sur l'image lien


Dernière chose, si tu ne veux pas de temps d'attente lors des changements d'images, il te faut précharger en cache toutes celles qui ne sont pas affichées sur la page au départ, cad dans notre exemple toutes les grandes images de bracelet (sauf celle du cuir affichée par défaut)
pour précharger une image, à mettre entre les balises <head></head> :

Image1 = new Image();
Image1.src = "nom_de_ton_image.extension";

autant de fois que tu as d'images, c'est pour cela que l'on pourrait faire bcp plus propre avec des tableaux, mais comme je suis fainéant je te laisserai le faire...
Bonjour gzav,

Merci de ta réponse je vais essayer tout ça