OVH Cloud OVH Cloud

Image interactive

4 réponses
Avatar
Jane Austen
Bonjour,

je voudrais d=E9couper un plan en zone r=E9active (jusque l=E0=20
je me d=E9brouille) de fa=E7on =E0 ce que lorsqu'on clique sur=20
la zone (ou =E9ventuellement, juste en passant le curseur=20
dessus), la photo correspondante s'affiche =E0 cot=E9 du plan=20
(et c'est l=E0 que =E7a se complique)

je ne veux pas ouvrir une nouvelle fenetre, je voudrais=20
que le plan et la photo se trouvent dans la meme page,=20
avec une photo diff=E9rente s'affichant en fonction de=20
l'endroit o=F9 on clique

j'ai essay=E9 avec des cadres mais impossible apparemment de=20
positionner un cadre en plein milieu d'une page

est-ce que quelqu'un =E0 une id=E9e de comment faire ?
NB je ne suis pas sure d'avoir =E9t=E9 tr=E8s clair alors=20
n'h=E9sitez pas =E0 me demander des explications

merci beaucoup

4 réponses

Avatar
B. MARTIN
Jane Austen a écrit :
Bonjour,

je voudrais découper un plan en zone réactive (jusque là
je me débrouille) de façon à ce que lorsqu'on clique sur
la zone (ou éventuellement, juste en passant le curseur
dessus), la photo correspondante s'affiche à coté du plan
(et c'est là que ça se complique)

je ne veux pas ouvrir une nouvelle fenetre, je voudrais
que le plan et la photo se trouvent dans la meme page,
avec une photo différente s'affichant en fonction de
l'endroit où on clique

j'ai essayé avec des cadres mais impossible apparemment de
positionner un cadre en plein milieu d'une page

est-ce que quelqu'un à une idée de comment faire ?
NB je ne suis pas sure d'avoir été très clair alors
n'hésitez pas à me demander des explications

merci beaucoup


Ce que tu veut faire nécessite d'utiliser un peu de javascript, ça
s'appelle un rollover. Un exemple ici :
http://www.allhtml.com/javascript/javascript509.php.
Cet exemple n'est pas exactement ce que tu cherches, mais essaye de
comprendre comment ça marche et tu devrais être capable d'adapter.
--
Bernard MARTIN
http://www.amtechindustrie.com
Avatar
Jane Austen
Merci, j'ai réussi à adapter le script pour mon usage
seul problème : les dimensions de l'image restent celles
de l'image de départ
aurais-tu une solution ?

-----Message d'origine-----


Jane Austen a écrit :
Bonjour,

je voudrais découper un plan en zone réactive (jusque





je me débrouille) de façon à ce que lorsqu'on clique




sur
la zone (ou éventuellement, juste en passant le curseur
dessus), la photo correspondante s'affiche à coté du




plan
(et c'est là que ça se complique)

je ne veux pas ouvrir une nouvelle fenetre, je voudrais
que le plan et la photo se trouvent dans la meme page,
avec une photo différente s'affichant en fonction de
l'endroit où on clique

j'ai essayé avec des cadres mais impossible apparemment




de
positionner un cadre en plein milieu d'une page

est-ce que quelqu'un à une idée de comment faire ?
NB je ne suis pas sure d'avoir été très clair alors
n'hésitez pas à me demander des explications

merci beaucoup


Ce que tu veut faire nécessite d'utiliser un peu de


javascript, ça
s'appelle un rollover. Un exemple ici :
http://www.allhtml.com/javascript/javascript509.php.
Cet exemple n'est pas exactement ce que tu cherches, mais


essaye de
comprendre comment ça marche et tu devrais être capable


d'adapter.
--
Bernard MARTIN
http://www.amtechindustrie.com

.



Avatar
B. MARTIN
Essaie de ne pas mettre de dimensions à l'image de départ en enlevant
width= et height= dans la balise img.
--
Bernard MARTIN
http://www.amtechindustrie.com

Jane Austen a écrit :
Merci, j'ai réussi à adapter le script pour mon usage
seul problème : les dimensions de l'image restent celles
de l'image de départ
aurais-tu une solution ?


-----Message d'origine-----


Jane Austen a écrit :

Bonjour,

je voudrais découper un plan en zone réactive (jusque







je me débrouille) de façon à ce que lorsqu'on clique





sur

la zone (ou éventuellement, juste en passant le curseur
dessus), la photo correspondante s'affiche à coté du





plan

(et c'est là que ça se complique)

je ne veux pas ouvrir une nouvelle fenetre, je voudrais
que le plan et la photo se trouvent dans la meme page,
avec une photo différente s'affichant en fonction de
l'endroit où on clique

j'ai essayé avec des cadres mais impossible apparemment





de

positionner un cadre en plein milieu d'une page

est-ce que quelqu'un à une idée de comment faire ?
NB je ne suis pas sure d'avoir été très clair alors
n'hésitez pas à me demander des explications

merci beaucoup



Ce que tu veut faire nécessite d'utiliser un peu de



javascript, ça

s'appelle un rollover. Un exemple ici :
http://www.allhtml.com/javascript/javascript509.php.
Cet exemple n'est pas exactement ce que tu cherches, mais



essaye de

comprendre comment ça marche et tu devrais être capable



d'adapter.

--
Bernard MARTIN
http://www.amtechindustrie.com

.








Avatar
Jane Austen
En fait, j'ai déjà essayer mais ça ne marche pas.
J'ai également fait un autre test :
j'ai rajouté width et height dans le script de départ puis
j'ai indiqué la référence après onMouseOver=
seul problème, il ne prend en compte qu'un seul élément,
celui juste après le signe égal
j'ai essayé avec "," ";" "+" "&" : rien ne marche
des idées ?

-----Message d'origine-----
Essaie de ne pas mettre de dimensions à l'image de départ


en enlevant
width= et height= dans la balise img.
--
Bernard MARTIN
http://www.amtechindustrie.com

Jane Austen a écrit :
Merci, j'ai réussi à adapter le script pour mon usage
seul problème : les dimensions de l'image restent




celles
de l'image de départ
aurais-tu une solution ?


-----Message d'origine-----


Jane Austen a écrit :

Bonjour,

je voudrais découper un plan en zone réactive (jusque







je me débrouille) de façon à ce que lorsqu'on clique





sur

la zone (ou éventuellement, juste en passant le








curseur
dessus), la photo correspondante s'affiche à coté du





plan

(et c'est là que ça se complique)

je ne veux pas ouvrir une nouvelle fenetre, je








voudrais
que le plan et la photo se trouvent dans la meme page,
avec une photo différente s'affichant en fonction de
l'endroit où on clique

j'ai essayé avec des cadres mais impossible








apparemment

de

positionner un cadre en plein milieu d'une page

est-ce que quelqu'un à une idée de comment faire ?
NB je ne suis pas sure d'avoir été très clair alors
n'hésitez pas à me demander des explications

merci beaucoup



Ce que tu veut faire nécessite d'utiliser un peu de



javascript, ça

s'appelle un rollover. Un exemple ici :
http://www.allhtml.com/javascript/javascript509.php.
Cet exemple n'est pas exactement ce que tu cherches,






mais

essaye de

comprendre comment ça marche et tu devrais être capable



d'adapter.

--
Bernard MARTIN
http://www.amtechindustrie.com

.









.