Insérer 3 liens dans une image
Tags :
-
Facebook
- Programmation
Dernière réponse : dans Programmation
omnibosse
7 Août 2010 23:14:34
Bonsoir !
Pour le Facebook de mon groupe je cherche à mettre 3 liens sur une même image dans l'API Static FBML .
Dans un premier temps il s'agit de cette image :
![]()
Ce que je voudrais par la suite c'est ajouter un lien vers le facebook là où il y a marqué "Become a fan" (http://www.facebook.com/home.php#!/pages/Gullings/147940711885400?ref=ts) , un lien vers notre myspace là où il y a marqué "Check our MySpace" (http://myspace.com/gullings) , et enfin un lien mailto vers gullings@live.fr .
J'ai réussi à le faire avec OpenOffice Draw , avec une ImageMap , mais j'arrive pas à finaliser le code html, l'image s'affiche mais sans les liens ...
Help me !
Pour le Facebook de mon groupe je cherche à mettre 3 liens sur une même image dans l'API Static FBML .
Dans un premier temps il s'agit de cette image :

Ce que je voudrais par la suite c'est ajouter un lien vers le facebook là où il y a marqué "Become a fan" (http://www.facebook.com/home.php#!/pages/Gullings/147940711885400?ref=ts) , un lien vers notre myspace là où il y a marqué "Check our MySpace" (http://myspace.com/gullings) , et enfin un lien mailto vers gullings@live.fr .
J'ai réussi à le faire avec OpenOffice Draw , avec une ImageMap , mais j'arrive pas à finaliser le code html, l'image s'affiche mais sans les liens ...
Help me !
Autres pages sur : inserer liens image
bboyhades38
7 Août 2010 23:40:25
omnibosse
7 Août 2010 23:48:40
Contenus similaires
- HTML - problème pour Inserer lien dans une image - Solutions
- Comment insérer un lien dans le titre d'une image (bdd mysql) ? - Solutions
- Comment insérer des liens sur une images ? - Forum
- Logiciel ou Astuce pour insérer des images dans un fichier mp3 - Forum
- Comment insérer une image sur Counter Strike Source? - Solutions
- Probleme pour inserer un lien dans du php - Solutions
bboyhades38
8 Août 2010 00:15:43
Ben tu prends un outil de retouche photo (photofiltre par exemple), tu ouvre ton image, recadre ta 1ere partie tu l'enregistre,
tu ré-ouvre ton image, recadre ta 2eme partie et l'enregistre,
tu ré-ré-ouvre ton image et enfin tu recadre ta 3eme partie et l'enregistre.
Et tu te retrouve avec 3 images.
Tu n'as plus qu'à assembler ce puzzle en html en mettant un lien différent sur chaque image
tu ré-ouvre ton image, recadre ta 2eme partie et l'enregistre,
tu ré-ré-ouvre ton image et enfin tu recadre ta 3eme partie et l'enregistre.
Et tu te retrouve avec 3 images.
Tu n'as plus qu'à assembler ce puzzle en html en mettant un lien différent sur chaque image

m
0
l
omnibosse
8 Août 2010 00:22:22
killar
8 Août 2010 11:40:51
Tu peux faire ça très bien avec un image map.
Exemple de code:
1) On définit un rectangle (rect) avec les coordonnées x=0, y=0 et ayant pour largeur 82 et hauteur 126, et le lien pointe vers sun.htm
2) On définit un cercle (circle) avec les coordonnées x=90, y=58 et ayant pour circonférence 3 et le lien pointe vers mercur.htm
3) idem...
Edit: et pour essayer : http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtm...
Exemple de code:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" /> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" /> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" /> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" /> </map>
1) On définit un rectangle (rect) avec les coordonnées x=0, y=0 et ayant pour largeur 82 et hauteur 126, et le lien pointe vers sun.htm
2) On définit un cercle (circle) avec les coordonnées x=90, y=58 et ayant pour circonférence 3 et le lien pointe vers mercur.htm
3) idem...
Edit: et pour essayer : http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtm...
m
0
l
omnibosse
8 Août 2010 14:00:55
OmaR a dit :
Tu peux faire ça très bien avec un image map.Exemple de code:
<img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun" />
<area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury" />
<area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus" />
</map>
1) On définit un rectangle (rect) avec les coordonnées x=0, y=0 et ayant pour largeur 82 et hauteur 126, et le lien pointe vers sun.htm
2) On définit un cercle (circle) avec les coordonnées x=90, y=58 et ayant pour circonférence 3 et le lien pointe vers mercur.htm
3) idem...
Edit: et pour essayer : http://www.w3schools.com/TAGS/tryit.asp?filename=tryhtm...
C'est à peu près ce code là auquel je m'attendais , et chez moi ça donne ça :
<html>
<body>
<img src="<a href="http://i35.servimg.com/u/f35/12/85/06/94/facebo10.jpg" rel="nofollow" target="_blank">http://i35.servimg.com/u/f35/12/85/06/94/facebo10.jpg</a>" width="245" height="226" alt="Planets" usemap="#planetmap" />
<map name="planetmap">
<area shape="rect" alt="" coords="471,231,589,304" href="mailto:gullings@live.fr">
<area shape="rect" alt="" coords="475,105,614,158" href="<a href="http://www.myspace.com/gullings" rel="nofollow" target="_blank">http://www.myspace.com/gullings</a>">
<area shape="rect" alt="" coords="10,-2,103,57" href="<a href="http://www.facebook.com/home.php?#" rel="nofollow" target="_blank">http://www.facebook.com/home.php?#</a>!/pages/Gullings/147940711885400?ref=ts">
</map>
</body>
</html>
ça fonctionne sur le site que tu m'as donné mais sur Facebook , pas moyen !

en tout cas merci pour votre aide

m
0
l
Chez moi les 3 liens fonctionnent. Par contre, tu t'es un peu planté au niveau des rectangles, ils ne sont pas bien placés.
Après, le lien Facebook ouvre la page de ton groupe, il n'a pas le même effet que "J'aime". Pour avoir un lien j'aime, c'est facebook qui le fourni avec un peu de javascript, et je suis pas sûr que tu puisses t'en servir comme ça.
Après, le lien Facebook ouvre la page de ton groupe, il n'a pas le même effet que "J'aime". Pour avoir un lien j'aime, c'est facebook qui le fourni avec un peu de javascript, et je suis pas sûr que tu puisses t'en servir comme ça.
m
0
l
omnibosse
8 Août 2010 17:59:13
omnibosse
8 Août 2010 18:20:43
omnibosse
8 Août 2010 18:52:25
J'avais pas fait attention, mais tu veux mettre ça directement sur Facebook en fait ?
Je ne connais pas du tout le FBML, je ne peux pas t'aider plus que ça.
Mais c'est de l'ajax qu'ils utilisent pour le bouton j'aime. Essaie de faire la même chose qu'eux avec :
Edit: le soucis, c'est que pour les imagemap, je suis pas sûr que ça fonctionne pareil que pour un lien
Je ne connais pas du tout le FBML, je ne peux pas t'aider plus que ça.
Mais c'est de l'ajax qu'ils utilisent pour le bouton j'aime. Essaie de faire la même chose qu'eux avec :
rel="async-post" ajaxify="/ajax/pages/fan_status.php?fbpage_id=147940711885400&add=1&reload=1&preserve_tab=1&use_primer=1"
Edit: le soucis, c'est que pour les imagemap, je suis pas sûr que ça fonctionne pareil que pour un lien
m
0
l
Contenus similaires
- RésoluInsérer des images sur des textes OpenOffice. solutions
- inserer une image dans une base des données Forum
- comment insérer un fichier image gif sur la page d acceuil prestashop solutions
- comment insérer une image dans une base mysql à l'aide d'un formulaire php? solutions
- Comment insérer une image dans une base des données? solutions
- [Résolu] Comment insérer une image dans une prez Forum
- Voir plus