Twitter iPhone pliant OnePlus 11 PS5 Disney+ Orange Livebox Windows 11

Zone cliquable (ou rollover)

6 réponses
Avatar
alan
Bonjour,

J'ai créé des zone réactives sur une image qui ouvrent d'autres images.
J'aurais voulu que ces image s'agrandissent toute seule au passage de la
souris sans devoir cliquer dessus en s'affichant dans la meme page ou
éventuellement dans un popup.
Lorsque je passe sur une autre zone réactive, la première image devrait etre
remplacée par l'image suivante et ainsi de suite
Comment faire?

Merci d'avance

ps: je ne pars pas d' images miniatures, mais bien de zones réactives (ou
cliquables)

Alan

6 réponses

Avatar
Petit Denis
Salut

alan wrote:
Bonjour,

J'ai créé des zone réactives sur une image qui ouvrent d'autres
images. J'aurais voulu que ces image s'agrandissent toute seule au
passage de la souris sans devoir cliquer dessus en s'affichant dans
la meme page ou éventuellement dans un popup.
Lorsque je passe sur une autre zone réactive, la première image
devrait etre remplacée par l'image suivante et ainsi de suite
Comment faire?



ça tombe bien, j'ai cherché à faire quelque chose dans ce genre et j'ai
trouvé cela...

<area href="chemin_acces_a_mon_image.gif" shape="rect" coords="11, 12, 57,
42">
<img border="0" src="mon_image_a_ouvir.jpg"
*onMouseOver="src('autre_image.gif')* " >

A adapter... (j'ai rajouté ** pour le gras sous OEQF !)

--
Petit Denis
Avatar
Petit Denis
Re
Petit Denis wrote:
Salut

alan wrote:
Bonjour,

J'ai créé des zone réactives sur une image qui ouvrent d'autres
images. J'aurais voulu que ces image s'agrandissent toute seule au
passage de la souris sans devoir cliquer dessus en s'affichant dans
la meme page ou éventuellement dans un popup.
Lorsque je passe sur une autre zone réactive, la première image
devrait etre remplacée par l'image suivante et ainsi de suite
Comment faire?



ça tombe bien, j'ai cherché à faire quelque chose dans ce genre et
j'ai trouvé cela...

<area href="chemin_acces_a_mon_image.gif" shape="rect" coords="11,
12, 57, 42">
<img border="0" src="mon_image_a_ouvir.jpg"
*onMouseOver="src('autre_image.gif')* " >
A adapter... (j'ai rajouté ** pour le gras sous OEQF !)



Et même que ça ne se met pas en gras ! et qu'en plus j'ai oublié le
onMouseOut="src('mon_image_a_ouvir.jpg')"

--
Petit Denis
Avatar
alan
Salut,
merci pour tes conseils, mais j'aurais encore voulu avoir quelques infos sur
ton script:
Que veux tu dire par le gras?
et dans ton script que représente "autre_image.gif"
a plus
Alan
"Petit Denis" a écrit dans le message de
news:
Salut

alan wrote:
Bonjour,

J'ai créé des zone réactives sur une image qui ouvrent d'autres
images. J'aurais voulu que ces image s'agrandissent toute seule au
passage de la souris sans devoir cliquer dessus en s'affichant dans
la meme page ou éventuellement dans un popup.
Lorsque je passe sur une autre zone réactive, la première image
devrait etre remplacée par l'image suivante et ainsi de suite
Comment faire?



ça tombe bien, j'ai cherché à faire quelque chose dans ce genre et j'ai
trouvé cela...

<area href="chemin_acces_a_mon_image.gif" shape="rect" coords="11, 12, 57,
42">
<img border="0" src="mon_image_a_ouvir.jpg"
*onMouseOver="src('autre_image.gif')* " >

A adapter... (j'ai rajouté ** pour le gras sous OEQF !)

--
Petit Denis




Avatar
Petit Denis
bonsoir
alan wrote:
Salut,
merci pour tes conseils, mais j'aurais encore voulu avoir quelques
infos sur ton script:
Que veux tu dire par le gras?



C'est juste pour ceux qui usent de OE Quote-Fix, mais j'ai raté mon truc

et dans ton script que représente "autre_image.gif"



Une image : <area href="chemin_acces_a_mon_image.gif" shape="rect"
coords="11, 12, 57, 42">
Ça c'est ton image et le shape représente ta zone réactive (ici un
rectangle).
Quand tu cliques sur la zone réactive, tu ouvres une autre image :
<img border="0" src="mon_image_a_ouvir.jpg"
Quand tu passes la souris sur la zone réactive sans cliquer tu peux afficher
une autre image :
onMouseOver="src('autre_image.gif') "
Et enfin en sortant la souris de la zone réactive, tu as une autres images
(celle de départ) qui se raffiche : onMouseOut="src('mon_image.gif')">

C'est plus long et compliqué à écrire et expliquer qu'à faire et
comprendre...
J'aurai une adresse à te fournir éventuellement...

--
Petit Denis
Avatar
alan
Salut
J'ai fait l'essai, mais l'image est trop grande pour s'afficher dans
l'écran.
Y a t-il moyen de définir la taille à afficher? Pour bien faire 300 sur 600
pixels.
Je n'ai pas envie de redimentionner mes images à l'origine.
Encore merci pour ton aide
"Petit Denis" a écrit dans le message de
news: %23lQEN3$
bonsoir
alan wrote:
Salut,
merci pour tes conseils, mais j'aurais encore voulu avoir quelques
infos sur ton script:
Que veux tu dire par le gras?



C'est juste pour ceux qui usent de OE Quote-Fix, mais j'ai raté mon truc

et dans ton script que représente "autre_image.gif"



Une image : <area href="chemin_acces_a_mon_image.gif" shape="rect"
coords="11, 12, 57, 42">
Ça c'est ton image et le shape représente ta zone réactive (ici un
rectangle).
Quand tu cliques sur la zone réactive, tu ouvres une autre image :
<img border="0" src="mon_image_a_ouvir.jpg"
Quand tu passes la souris sur la zone réactive sans cliquer tu peux
afficher une autre image :
onMouseOver="src('autre_image.gif') "
Et enfin en sortant la souris de la zone réactive, tu as une autres images
(celle de départ) qui se raffiche : onMouseOut="src('mon_image.gif')">

C'est plus long et compliqué à écrire et expliquer qu'à faire et
comprendre...
J'aurai une adresse à te fournir éventuellement...

--
Petit Denis



Avatar
Petit Denis
Salut
alan wrote:
Salut
J'ai fait l'essai, mais l'image est trop grande pour s'afficher dans
l'écran.
Y a t-il moyen de définir la taille à afficher? Pour bien faire 300
sur 600 pixels.



Il faut rajouter
width="600" ; height="300" ou d'autres valeurs

Je n'ai pas envie de redimentionner mes images à l'origine.
Encore merci pour ton aide



Padkoi®
Je m'y mets lentement aussi et j'ai eu pas mal d'aide ici...

--
Petit Denis