Aller au contenu
  • Pas encore inscrit ?

    Pourquoi ne pas vous inscrire ? C'est simple, rapide et gratuit.
    Pour en savoir plus, lisez Les avantages de l'inscription... et la Charte de Zébulon.
    De plus, les messages que vous postez en tant qu'invité restent invisibles tant qu'un modérateur ne les a pas validés. Inscrivez-vous, ce sera un gain de temps pour tout le monde, vous, les helpeurs et les modérateurs ! :wink:

BaK

[Résolu][HTML] Zone clickable sur image

Messages recommandés

Hello!

 

J'ai une image sur une page web, sur laquelle je veux définir une zone. Cette zone va réagir au passage de la souris et permettre à l'utilisateur, en cliquant dessus, d'être redirigé à un autre endroit de ma page web.

 

le code est de ce type:

				  <DIV ALIGN=LEFT>
			  <MAP NAME="Ensemble">
				  <AREA
					 HREF="#no1.1" ALT="Rechercher" TITLE="Rechercher"
					 SHAPE=RECT COORDS="350,1,450,130">
			  </MAP>

				  <IMG SRC="Z:\Plan_de_ville\Images\Ensemble.JPG"
					 ALT="Interface utilisateur" BORDER=0 WIDTH=450 HEIGHT=330
					 USEMAP="#Ensemble"><BR>
			   </div>

 

C'est la partie où il faut définir les coordonnées de la zone qui me pose problème:

SHAPE=RECT COORDS="350,1,450,130"

 

Il s'agit donc d'une zone rectangulaire, définie par le coin supérieur gauche (350,1) et par le coin inférieur droit (450,130).

 

Pour connaître ces 2 paires de coordonnées, j'ai pensé utiliser Paint qui indique la position de la souris sur l'image. Malheureusement, si je prends les coord. que m'indique Paint (ou Microsoft Photo Editor), la zone ainsi définie n'est pas la bonne sur ma page web! :P:P

 

Auriez-vous un moyen de déterminer correctement ces coordonnées?

 

 

Merci, a+ :P

Modifié par BaK

Partager ce message


Lien à poster
Partager sur d’autres sites

Salut Berfizan!

 

L'idée est bonne merci pour ta réponse! :P

 

Je viens de tester le script, il fonctionne bien, mais il indique la coord. de la souris par rapport à sa position sur tout l'écran!

 

Or dans mon cas, le système de coord. doit se restreindre à l'image uniquement!

 

Je pourrais m'en servir en cherchant le décalage systématique, mais finalement j'ai remarqué que je peux faire de même depuis Paint. Mon image doit être légèrement déformée par rapport à l'original, de par le fait que je l'insère dans un cadre (table). D'où des coordonnées erronnées!

 

A ma calculatrice! :P

 

++

 

 

EDIT: Ben non, le décalage n'est pas constant, autant en X qu'en Y! :P

Modifié par BaK

Partager ce message


Lien à poster
Partager sur d’autres sites

Salut alex.hitman, merci pour ton lien! :P

 

Dernière chose, pour connaître les coordonnées nécessaires à votre map, je vous conseille paint, simple et efficace (les coordonnées sont en bas à droite).

:P

 

Mon image doit bel est bien être réduite, c'est pour cela que ça ne marche pas!

 

Je vais tester ce MapThis, mais ils précisent bien que: 'Sélectionnez ensuite l'image sur laquelle vous voulez faire un mapping (elle doit être déjà de la bonne taille)'

 

Faut donc que je retravaille mon image pour lui donner les mêmes dimensions que celles affichées sur ma page web!

 

Encore merci, a+

Partager ce message


Lien à poster
Partager sur d’autres sites

Créer un compte ou se connecter pour commenter

Vous devez être membre afin de pouvoir déposer un commentaire

Créer un compte

Créez un compte sur notre communauté. C’est facile !

Créer un nouveau compte

Se connecter

Vous avez déjà un compte ? Connectez-vous ici.

Connectez-vous maintenant

  • En ligne récemment   0 membre est en ligne

    Aucun utilisateur enregistré regarde cette page.

×