Image avec plusiqeurs liens (c'est bon) et changement de la partie de l'image concernée (pas bon)
Bonjour, alors voilà,
j'ai une image, je l'ai découpée avec l'attribut "map", j'ai ainsi plusieurs liens dans une même image.
J'aimerais maintenant que lorsque je passe la souris sur une partie de l'image contenant un lien, cette partie change de couleur ou bien qu'une autre image de la même taille que la partie concernée apparaisse à la place...
Est-il possible de le faire rien qu'avec les languages de programation internet ou faut il obligatoirement que je découpe mon image avec un logiciel de retouche d'images ?
http://raphlight.free.fr/trad.php
oups, je voulais mettre ce sujet dans la partie javascript... tant pis
http://raphlight.free.fr/trad.php
Etant donné que personne n'a répondu, j'ai découpé l'image, tant pis, ca fait moins stylé mais ca va quand même ;)
http://raphlight.free.fr/trad.php
le 19/03/2007 à 05:36
Keika
Simple, tu utilises les CSS ?
Si oui voici ce a quoi je pense:
pour ton lien:
<map.... class="image1"><a href="#">lien</a></map>
Desole je ne sais pas comment fonctionne la balise map alors j'ai mis des points.
Cependant, j'ai aussi mis une class CSS (image1), et dans ton css tu fais ca:
.image1:hover{
background-image: url(ton_image_quand_ta_souris_est_sur_le_map.gif) ;
Et ca devrait rouler tout seul quand ta souris passe sur la balise <map>
PS: a verifier si :hover passe sous IE, perso je me moque eperduement de IE mais je sais que ce n'est pas le cas de tout le monde...
Le PHP --> C'est dur !
bon, là c'est trop tard puisque j'ai découpé les images, tant pis.
Mais j'essaerais bien ton code la prochaine fois, il a l'air de pouvoir amrcher à première vue ;)
http://raphlight.free.fr/trad.php
Ecrire un message
Votre message vient d'être créé avec succès.
BB-Code
Pour insérer une URL clickable
Pour insérer une adresse E-mail
Pour annoter
Pour écrire du code
Pour faire un lien vers une fonction PHP
Pour écrire du texte préformaté
Pour écrire du texte en gras
Pour écrire du texte en italique
Pour écrire du texte souligné
Pour écrire du texte barré
Pour écrire un titre principal
Pour écrire un titre secondaire
Pour écrire une liste
Smiley
:bond:
:boxe:
:bsmile:
:bump:
:clap:
:coeur:
:cool:
:cry:
:eek:
:evil:
:fleur:
:fou2:
:fou:
:grin:
:grrr:
:hammer:
:hippy:
:hum:
:idee2:
:idee:
:kdo:
:king:
:ko:
:lol:
:love2:
:love:
:mad:
:maitre:
:noel:
:oops:
:raa:
:razz:
:roll:
:sad:
:skull:
:smile:
:timide:
:trink:
:vice:
:vomi:
:wink:
:zzz: