Craftmap, l'image ne se slide pas (jquery) [Résolu]

[Ennicolem]

Bonjour,

Aujourd'hui je m'essaie à un petit module que j'ai trouvé et qui m'intéresse fortement pour mon site : craftmap.

Je l'ai rapidement implémenté dans mon site et c'est là où ça se corse : l'image ne se slide pas, ce qui est ennuyeux. Vous pouvez voir le début de mon implémentation ici : Carte d'essai. Les drapeaux France et Etats-Unis fonctionnent. Mais l'image qui doit bouger (manuellement ou automatiquement), ne bouge pas. Il doit y avoir un conflit entre tous mes js et ce module ou autre chose, je n'ai aucune idée du souci et ne sais pas trop comment débuguer, où chercher, etc.

Quelqu'un aurait une idée du pourquoi ça ne fonctionne pas ? Merci d'avance,

Cordialement,

[SpaceFrog]

Vous pouvez voir le début de mon implémentation ici : Carte d'essai.

En effet on voit très bien

[Ennicolem]

Ouppssss : Carte d'essai

Et le tuto : craftmap

Sorrry

[NoSmoking]

Bonjour,
on ne voit nulle part dans ton code une initialisation comme il est fait dans la démo

Code :

1
2
3
4
5
6
7
8
$(function(){
  $('.carteMonde').craftmap({  // class carteMonde pour ta page
    image: {
      width: 1994,
      height: 1303
    }
  });
});

[Ennicolem]

Salut.

Si c'est là : http://www.anamor.fr/javascript/scripts.js
Tout à la fin il y a :

Code :

1
2
3
4
5
6
7
/* Map des auteurs */
        $('.carteMonde').craftmap({
            image: {
                width: 958,
                height: 500
            }
	});

[NoSmoking]

effectivement mais c'est visiblement les dimensions de l'image qu'il faut mettre et non celle de la DIV conteneur.

[Ennicolem]

J'me sens nul...
En effet, ça marche bien mieux avec les dimensions de l'image.

Merci beaucoup