Image réactive

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Image réactive

Message par Dirty Prince le Lun 28 Juin 2010 - 12:22

Bonjour !

Je ne sais pas pourquoi, mais chez moi, le tutoriel pour faire une image réactive ne fonctionne plus - enfin, il n'y a plus rien d'écrit quoi... -
Je souhaiterais donc savoir si quelqu'un l'avais enregistré et pourrait me le refiler...

En fait c'est surtout pour la base du code à rentrer, parce que pour le moment, pas de problème pour calculer les coordonnés ^^

Merci d'avance ! En espérant avoir une réponse rapidement..


Dernière édition par Dirty Prince le Mar 6 Juil 2010 - 14:51, édité 1 fois

Dirty Prince
****

Féminin
Messages : 257
Inscrit(e) le : 27/08/2009

http://infam-industry.forum-actif.net/forum.htm
Dirty Prince a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Izumi375 le Lun 28 Juin 2010 - 23:11

Bonjour,

En parlant d'image réactive vous parlez d'une image mappée (des zones renvoyant à différents liens) ?
Si c'est le cas la solution la plus simple est celle ci (requiert toutefois gimp):

http://www.archilinux.org/web/image-map/gimp-web.html

Pour le code uniquement, je ne l'ai pas enregistrer mais je te donne le mien qui normalement marche:

Code:
<img src="image.jpg" usermap="#map">
<map name="map">
<area shape="rect" coords="X1,Y1,X2,Y2" href="url1.html" >
<area shape="poly" coords="X1,Y1,X2,Y2,..." href="url2.html">
<area shape="circle" coords="X1,Y2,R" href="url3.html">
</map>

Cordialement,

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Dirty Prince le Mar 29 Juin 2010 - 21:38

Bonjour et oui, c'est bien ça ^^

J'avais quelque chose d'assez similaire, et pourtant cela n'a pas marché...
X1,Y1,X2,Y2, correspondent à quoi précisément ? X1 je suppose la hauteur gauche, Y1 le bas à droite [en partant de la droite], mais X2 et Y2 je sais pas.. La largeur et la hauteur, peut-être?

Dirty Prince
****

Féminin
Messages : 257
Inscrit(e) le : 27/08/2009

http://infam-industry.forum-actif.net/forum.htm
Dirty Prince a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Izumi375 le Mer 30 Juin 2010 - 0:48

ah mais non xD.
Donc un peu de géométrie

Pour le rectangle, Soient A(X1;Y1) et B(X2;Y2) les points opposés du rectangle (inférieur gauche et supérieur droit je crois)
Même chose pour le polygone mais avec plusieurs points.

Sinon le code marche très bien sur mon forum ^^.

Un petit conseil utilise Gimp c'est facile et rapide! Tu n'auras qu'à Copier/Coller le code source.

Izumi375
****

Féminin
Messages : 318
Inscrit(e) le : 31/08/2009

http://keikoku.forumpro.fr
Izumi375 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Anzu le Mar 6 Juil 2010 - 12:04


Bonjour,

Où en est votre problème ? Est il résolu résolu ?


_____________________

Pensez à nous tenir informé :
lorsque le problème ne l'est pas : uppez régulièrement (24 heures au minimum) votre sujet.
si le problème est résolu :
- Cliquez sur le bouton de votre premier message du sujet,

- Cochez en dessous de la zone de message


- Enfin validez avec le bouton .

Cordialement,

Anzu
+ Hyperactif +

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

http://forum.forumactif.com/forum
Anzu a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Image réactive

Message par Dirty Prince le Mar 6 Juil 2010 - 14:51

je n'ai pas encore tester le code, et je n'étais pas chez moi, désolée... Le tutoriel refonctionne, de toute façon.

Merci beaucoup à Izumi ^^

Résolu, donc

Dirty Prince
****

Féminin
Messages : 257
Inscrit(e) le : 27/08/2009

http://infam-industry.forum-actif.net/forum.htm
Dirty Prince a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum