Image cliquable / Image map qui n'apparaît pas (Gadget HTML / Javascript)

59 views
Skip to first unread message

Albane BlondeBlogging

unread,
Mar 10, 2014, 6:00:30 PM3/10/14
to blogge...@googlegroups.com
Bonjour!

Cela fait plus d'1 semaine que j'essaie désespérément de créer un menu cliquable sur mon blog pour un simple test... Pas très fructueux.

Je suis sur un mac OS X, et voilà ce que j'ai fait (après mille et une péripéties de débutante) jusque là:

- J'ai créé un petit menu test sur Gimp
- J'ai hébergé mon image en .png sur Dropbox (afin d'avoir un lien bien clair - sur mac je ne comprends rien aux emplacements des dossiers)
- J'ai utilisé le très pratique http://www.maschek.hu/imagemap/imgmap pour définir mes zones cliquables, et récupérer le code de tout ça.
- J'ai entré ce code dans le gadget HTML / Javascript proposé par Blogger.


Et là:
Il y a bien quelque chose qui apparaît sur mon blog...: un cadre vide! (et bien sur, non cliquable..)

Je précise que je ne cherche pas à créer des onglets "simples" comme on peut le faire en classant les pages par onglets dans "Pages".

Ce que je cherche à faire est vraiment créer un menu 100% personnalisé, avec mes propres onglets cliquables.


Voilà le code, généré par Maschek, que j'ai ajouté à mon blog:

<img src="Sans titre" width="1050" height="160" border="0" usemap="#map" />
<map name="map">
<!-- #$-:Image map file created by GIMP Image Map plug-in -->
<!-- #$-:GIMP Image Map plug-in by Maurits Rijk -->
<!-- #$-:Please do not edit lines starting with "#$" -->
<!-- #$VERSION:2.3 -->
<!-- #$AUTHOR: (Mon nom) —>
<area shape="rect" coords="34,23,135,133" href="http://kobai-uneblondeetblogger.blogspot.fr/" />
<area shape="rect" coords="166,28,408,136" href="http://uneblondeet-blogger.blogspot.fr" />
<area shape="rect" coords="444,29,602,136" href="http://kobai-uneblondeetblogger.blogspot.fr/p/un-onglet-test.html" />
</map>

Bien sûr, j'ai trouvé étrange que mon image soit appelée "Sans titre" (<img src="Sans titre"), alors j'ai essayé de la nommer.
J'ai essayé de plusieurs manières: 
- "nom de mon fichier.png"
- "user/....../nom de mon fichier.png" (erreur possible ici car je ne comprends rien aux emplacements des dossiers sous Mac)
- "www....le lien généré par Drop Box"

Mais rien n'y fait. La seule chose qui apparaît sur mon blog est uniquement le cadre de l'image aux dimensions définies, mais vide.

Je commence vraiment à me désespérer! Mais je DOIS trouver la solution, c'est vital, l'avenir de mes futurs lecteurs en dépend...

J'espère que quelqu'un pourra m'aider, merci merci d'avance!

Albane
Reply all
Reply to author
Forward
0 new messages