[HTML] Opacité de l'Area d'une map (image)

Opacité de l'Area d'une map (image) [HTML] - HTML/CSS - Programmation

Marsh Posté le 28-10-2003 à 16:39:41    

Voila, j'aimerai que lorsque je survole une zone d'une image, l'opacité change.
J'ai donc défini des area sur mon image (map), j'ai une fonction en javascript qui me change l'opacité de l'image, mais je voudrais changer juste l'opacité de la zone de l'image que je survole avec la souris.
Si quelqu'un a une idée, merci... :jap:

Reply

Marsh Posté le 28-10-2003 à 16:39:41   

Reply

Marsh Posté le 28-10-2003 à 18:42:24    

ben tu envoie un mail à microsoft + l'équipe de Mozilla + l'équipe d'opera etc... etc... pour soumettre ton idée très intéressante... [:meganne]

Reply

Marsh Posté le 28-10-2003 à 20:12:56    

Imaginez un site pareil sur un P2 :lol:

Reply

Marsh Posté le 29-10-2003 à 08:36:11    

Hermes le Messager a écrit :

ben tu envoie un mail à microsoft + l'équipe de Mozilla + l'équipe d'opera etc... etc... pour soumettre ton idée très intéressante... [:meganne]  


C'est si compliqué que ça ?

Reply

Marsh Posté le 29-10-2003 à 09:03:03    

Mis à part le fait que ça n'existe pas? oui c'est compliqué.

Reply

Marsh Posté le 29-10-2003 à 10:13:07    

gizmo a écrit :

Mis à part le fait que ça n'existe pas? oui c'est compliqué.


Bon, alors je ne suis pas bien avancé. Bon je vais essayer de trouver une solution. Merci quand même...

Reply

Marsh Posté le 29-10-2003 à 13:05:29    

Tu ne peux pas découper ton image ?

Reply

Marsh Posté le 29-10-2003 à 14:09:41    

Azzazel a écrit :

Tu ne peux pas découper ton image ?


C'est justement ce que j'explique plus haut. J'ai découpé mon image et je souhaite obtenir un effet d'opacité uniquement sur les zones (area) survolées (OnMouseOver) de l'image découpée (Map). :pt1cable:  
J'ai cherché sur le net et je n'ai rien trouvé jusqu'a présent. :??:  
Si quelqu'un a une idée ? merci...

Reply

Marsh Posté le 29-10-2003 à 14:11:23    

alpha a écrit :


C'est justement ce que j'explique plus haut. J'ai découpé mon image et je souhaite obtenir un effet d'opacité uniquement sur les zones (area) survolées (OnMouseOver) de l'image découpée (Map). :pt1cable:  
J'ai cherché sur le net et je n'ai rien trouvé jusqu'a présent. :??:  
Si quelqu'un a une idée ? merci...


 
Non, tu n'as pas découpé ton image. Tu as défini des zones réatives (probablement avec imageready...) Pour faire ce que tu veux, il va falloir se mettre au javascript... (et au (x)html également).

Reply

Marsh Posté le 29-10-2003 à 14:17:40    

Hermes le Messager a écrit :


 
Non, tu n'as pas découpé ton image. Tu as défini des zones réatives (probablement avec imageready...) Pour faire ce que tu veux, il va falloir se mettre au javascript... (et au (x)html également).
 


Oui tu as raison, j'ai défini des zones réactives avec Homesite (en html).
XHTML je connais pas, mais javascript un peu (guère plus). Cependant j'ai trouvé des scripts pour modifier l'opacité d'une image, mais pas pour des zones réactives.
Si tu as un script sous la main ou l'adresse d'un site qui pourrait m'aider, merci...
 
Pour Azzazel, dsl, tu as raison je n'ai pas découpé mon image, mais fais des zones réactives... Pour ce projet, découper l'image n'est pas la meilleure solution.


Message édité par alpha le 29-10-2003 à 14:19:55
Reply

Marsh Posté le 29-10-2003 à 14:17:40   

Reply

Marsh Posté le 29-10-2003 à 14:25:46    

alpha a écrit :


Oui tu as raison, j'ai défini des zones réactives avec Homesite (en html).
XHTML je connais pas, mais javascript un peu (guère plus). Cependant j'ai trouvé des scripts pour modifier l'opacité d'une image, mais pas pour des zones réactives.


 
Le XHTML, c'est du HTML avec des balises en moins et une plus grande rigueur. Rien d'autre. De toutes manières, ici, c'est pas le problème.
 

Citation :

Si tu as un script sous la main ou l'adresse d'un site qui pourrait m'aider, merci...


 
Ben, tu ne vas pas trouver un truc tout fait pour ça de toutes manières, puisque tu es sur une fausse piste depuis tout à l'heure. Pour avoir des zones réactives qui changent d'apparence, il faut avoir PLUSIEURS images. Hors tu n'en a qu'une seule dans ton cas.

Reply

Marsh Posté le 29-10-2003 à 14:34:21    

donc le mieux c'est que je découpe mon image ? bon c'est pas terrible. je m'explique : mon but est de faire un jeu (ASP + html) dans lequel on clique sur une zone réactive d'une photo afin de découvrir ce qu'il y a derriere (requête asp). Et donc, lorsque que l'on survole la photo de voir les zones réactives en applicant une opacité différente.
Mais peut-etre que je prends le pbm a l'envers... enfin bon quoi qu'il en soit voila l'idée. Il faut maintenant que je concrétise...
Une idée ?


Message édité par alpha le 29-10-2003 à 14:35:42
Reply

Marsh Posté le 29-10-2003 à 15:56:17    

Je ne pense pas que ce soit incompatible. Tu découpe ton image de façon à avoir une image par zone réactive et tu change l'opacité de cette image au survol.
Si les formes des zones réactives ne sont pas rectangulaires tu met en place des images de survol. En gros tu change l'image par la nouvelle image qui contient la mise en valeur de ta zone de survol.

Reply

Marsh Posté le 29-10-2003 à 16:16:47    

Azzazel a écrit :

Je ne pense pas que ce soit incompatible. Tu découpe ton image de façon à avoir une image par zone réactive et tu change l'opacité de cette image au survol.
Si les formes des zones réactives ne sont pas rectangulaires tu met en place des images de survol. En gros tu change l'image par la nouvelle image qui contient la mise en valeur de ta zone de survol.


Ok bon on va essayer ça. merci.

Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed