I've followed your tutorial very closely for the MapArea tutorial.
I cannot get it to work. I post my files online.
They are here if you want to have a look at the code.
Perplexing:|

Here is my project: http://parisgaleries.org/map/map.html
Thanks in advance. Your response in french will be understood.

cordially, James

6 réponses


extrarox
Réponse acceptée

Il y a Jquery Mobile qui existe, mais aucune idée des fonctionnalités comparées à celle d'un navigateur sur PC.

Bonjour,

Il a un problème dans le css, ce n'est pas :

.map.overlay

Mais :

.map .overlay

Et ce n'est pas :

.map.tooltip

Mais :

.map .tooltip

Il ne faut pas oublier les espaces.

De plus toutes les régions ne sont pas entrées dans le tableau.

A+

sushi
Auteur

Ok. Ca commence de marcher. It starts to work.
Problem: ONLY registers desired roll-over effect with "Region 1" in center of map. The other 19 regions are hot but dont reveal roll-over states.

Trying not to bother you, but I cannot figure this out. Un reponse en français, toujours bienvenue et bien compris:) Merci encore.

lien: http://parisgaleries.org/map/map.html

Salut,

En fait, je suis pas sur mais tu dis que tu vois la Région 1 mais pas les autres?
Si c'est ça, il y a une erreur JS à cause du tableau :

var regions=
{name:'one', slug:'one'},
{name:'two', slug:'two'}
];

Il faut remplir les 20 régions à l'intérieur.

sushi
Auteur

Ah.. Oui!
Ca marche.
Hi five:)

sushi
Auteur

Question: Is there another solution that will work on smartphones and has same/similar function?

This map functions beautifully. But if I want it to work on a smartphone (iPhone), what do I do?
It seems that JQuery does not work on smartphone.

Merci.