Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Widget dans une image (carte cliquable)

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

Widget dans une image (carte cliquable)

Message par DOC13710 le Jeu 27 Nov 2014 - 14:47

Bonjour,

J'ai lu que l'on pouvait associé a une carte de France ou autre un espace cliquable comme un département ou une région, et que pour cela il fallait créer un fichier HTML , ce que j'ai fait avec le logiciel MapExpert pro. Une fois cette carte réalisé comment on l'intègre dans mon image sur ma page ? Voir mon site pour mieux comprendre mon problème ! carte de l'Europe ou de la France.
Merci à tous,
Jacques
avatar
DOC13710

Messages : 4
Date d'inscription : 27/11/2014
Age : 68
Localisation : Fuveau - 13710

http://jhweb.jimdo.com/

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Jeu 27 Nov 2014 - 17:10

Créez un module widget html et insérez votre code à l'intérieur. Si le code est bien fait, ça devrait afficher la carte en mode consultation

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par DOC13710 le Jeu 27 Nov 2014 - 22:40

Bonsoir,
Merci de votre réponse, mais à priori, ça ne marche pas ! a quel endroit insérer mon code et sous quelle forme il doit se présenter ? Est ce comme ceci ? :
</HEAD>
<BODY>
<IMG SRC="Europe01.jpg" WIDTH="685" HEIGHT="596" USEMAP="#Europe01" BORDER="0">&nbsp;

<MAP NAME="Europe01">
<!--Source Map:|Europe01.jpg|-->
</MAP>
</BODY>
</HTML>
avatar
DOC13710

Messages : 4
Date d'inscription : 27/11/2014
Age : 68
Localisation : Fuveau - 13710

http://jhweb.jimdo.com/

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FilmsdeLover le Ven 28 Nov 2014 - 8:23

Non, ça ne va pas être aussi simple qu'un code à copier-coller depuis un autre logiciel. Il va falloir héberger l'image ailleurs, puis l'intégrer et ensuite intégrer les liens un par un (avec des codes qui disent "Cette partie-là de l'image renvoie à telle page" etc.). Bref, pas facile du tout, surtout si vous n'avez aucune compétence en HTML.

Je me demande si le plus simple ne serait pas finalement d'utiliser un module "Google maps", d'ajouter des repères et de renvoyer ses repères vers des pages : http://aide.jimdo.com/basiques/%C3%A9l%C3%A9ments/google-maps/

_________________
Utilisateur de Jimdo depuis 2009 qui peut être grognon parfois si vous ne cherchez pas dans l'Aide Jimdo avant de poser des questions. Je ne bosse pas pour Jimdo.
A consulter : Tutoriels et guides pour Jimdo.
avatar
FilmsdeLover

Messages : 1095
Date d'inscription : 07/10/2014

http://www.filmsdelover.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Ven 28 Nov 2014 - 9:49

Le code que vous proposez ne comprend qu'une image jpg, sans interactivité a priori. (Europe01.jpg) et le code pour l'afficher avec un navigateur.
Pour une carte interactive, comme explique FilmdeLover , il vaut mieux refaire la carte à parti du module googleMap. Ce sera simple et compatible avec la plupart des navigateurs.
S'il s'agit juste de rendre la carte cliquable sur une seule zone, insérez la carte en tant qu'image, affectez-lui un lien, et il sera possible de visualiser son interactivité avec une petite ligne de code que nous vous indiquerons.
C'est différent si vous avez déjà une carte interactive que vous parvenez à placer et consulter en ligne.

Il existe des générateurs en ligne pour fabriquer ce genre de code, comme http://www.maschek.hu/imagemap/imgmap mais les zones cliquables resteront des rectangles, ou http://www.image-maps.com/ zones polygonales.
Dreamweaver permet de fabriquer cela assez rapidement, grâce aux zones polygonales interactives.

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par DOC13710 le Ven 28 Nov 2014 - 11:37

Merci à tous, mais je crois que je vais laisser comme il est ! avec des titres des pays visités!!
A+
avatar
DOC13710

Messages : 4
Date d'inscription : 27/11/2014
Age : 68
Localisation : Fuveau - 13710

http://jhweb.jimdo.com/

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par rs53600 le Ven 28 Nov 2014 - 12:19

Moi j'utilise The GIMP. Ça commence par Filtres >> Web >> Image cliquable Web.
Ça finit par Affichage >> Source . Après yapuka

  • héberger l'image
  • et renseigner le paramètre src de la balise img
  • et enfin copier/coller tout ça dans un Widget/HTML.

Exemple ici
Le code en question c'est
Code:
<img src="https://dl.dropboxusercontent.com/u/34656803/Coders53/MAYENNE.JPG" usemap="#map" alt="" border="0" height="433" width="448">
<map name="map" id="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:GLR  -->
    <area shape="circle" coords="157,87,7" alt="Gorron" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/gorron.pdf">
    <area shape="circle" coords="342,55,7" alt="Pré en Pail" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/laturballe.pdf">
    <area shape="circle" coords="326,116,7" alt="Villaines-la-Jhel" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/VILLAINES.pdf">
    <area shape="circle" coords="238,136,7" alt="Mayenne" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/rsmayenne.pdf">
    <area shape="circle" coords="250,187,7" alt="Evron" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/rsevron.pdf">
    <area shape="circle" coords="128,246,7" alt="Pays de Loiron" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/paysdeloiron.pdf">
    <area shape="circle" coords="184,244,7" alt="St Berthevin" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/RSB.pdf">
    <area shape="circle" coords="205,246,7" alt="Laval" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/rsla.pdf">
    <area shape="circle" coords="274,313,7" alt="Meslay-du-Maine" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/meslay.pdf">
    <area shape="circle" coords="124,359,7" alt="Craon" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/interclubcraon.pdf">
    <area shape="circle" coords="218,365,7" alt="Château-Gontier" target="_blank" href="https://dl.dropboxusercontent.com/u/34656803/Coders53/Plaquette%20animateurs%20CSDMA%20%282%29.pdf">
</map>

rs53600

Messages : 73
Date d'inscription : 11/10/2014

http://rs53600.jimdo.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Ven 28 Nov 2014 - 13:38

Pas mal du tout !
En effet, cela doit être également possible avec divers logiciels de traitement d'image, comme Photoshop+image ready

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par cosmos le Ven 5 Juin 2015 - 1:10

excusez moi en fait j'ai un souci avec mes imageq qui ne veulent pas s'afficher pourtant mon lien est bon .je l'ais mis dans un widget html. <div id="conteneur_slider">
<div class="clear">
</div>

<div id="galerie">
<img src="images-slider1.jpg" alt="header_slider1" class="slider activ" /> <img src="images-slider2.jpg" alt="header_slider2" class="slider" /> <img src="slider.jpg" alt="header_slider"
class="slider" />
</div>
<img src="Image/titre-slider.png" alt="header_logo" class="titre-slider" /> <img src="slider_div.jpg" alt="slider_nu " class="slider_nu" />
</div>quelqu'un sait de quoi il s'agit?
merci d'avance

cosmos

Messages : 53
Date d'inscription : 05/06/2015

http://saintlouismontcalm.jimdo.com/

Revenir en haut Aller en bas

Widget (Carte cliquable)

Message par Cathaxeo le Mer 14 Déc 2016 - 23:27

Bonsoir,
Cette discussion me donne des solutions intéressantes. Merci Beaucoup.

J'arrive à insérer facilement une google-maps mais je ne peux pas la paramétrer en insérant un lien (ce qui serait très bien pour ce que je veux faire) comme indiqué en suivant l'aide Jimdo.
J'utilise la version gratuite, est-ce que ce serait une option d'une version payante ?
J'ai aussi suivi le tuto pour créer une carte avec GIMP mais au moment de l'insersion du code ça ne fonctionne pas. Embarassed
Merci pour vos réponse.
Bonne soirée.
Catherine

Cathaxeo

Messages : 1
Date d'inscription : 14/12/2016

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Jeu 15 Déc 2016 - 11:02

Google a changé ses règles d'utilisation récemment. il est possible que l'aide Jimdo ne soit plus à jour pour les nouveaux utilisateurs de googlemap.

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par Delorieux le Sam 7 Jan 2017 - 13:41

Bonjour
J'essaye vainement d'insérer une carte GoogleMaps afin de pouvoir cliquer sur des sites à visiter mais je coince au chargement de la carte. En effet contrairement à vos explications, je ne peux pas modifier le zoom de la carte et même ne peux rien faire dessus, j'ai toujours le panneau d'interdiction affiché.
" />

Que faire ?
Je vous remercie par avance.

Delorieux

Messages : 18
Date d'inscription : 22/12/2016

http://www.patrimoine-courzieu.fr

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Sam 7 Jan 2017 - 14:40

Voir le message juste au dessus du votre…

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par Delorieux le Sam 7 Jan 2017 - 14:47

FredVig a écrit:Voir le message juste au dessus du votre…

Ca veut dire que je ne peux pas utiliser cette fonction ?

Delorieux

Messages : 18
Date d'inscription : 22/12/2016

http://www.patrimoine-courzieu.fr

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Sam 7 Jan 2017 - 14:53

Si vous pouvez, mais en achetant l'apli auprès de google.
Google maps a rendu payant les imbrications de carte depuis 2012 environ. En 2016, il a durci encore les conditions. En conséquences, certains utilisateurs sont obligés de payer pour l'utilisation des cartes. La sélection est assez aléatoire, en théorie basée sur la date de création de la carte, et le nombre de visite potentielle sur le site où la carte figure.
voir par exemple : http://www.clubic.com/internet/univers-google/google-maps/actualite-455222-google-maps-developpeurs-devront-payer-acces-api.html
et la mise à jour des tarifs :
https://developers.google.com/maps/pricing-and-plans/standard-plan-2016-update

Jimdo a fait une annonce aux utilisateurs sous forme d'une alerte mail et sur les console d'administration

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par Delorieux le Sam 7 Jan 2017 - 14:59

Vu que je suis en train de créer un site, je ne pouvais pas le savoir !
Il va falloir que je trouve une autre solution !
Merci.

Delorieux

Messages : 18
Date d'inscription : 22/12/2016

http://www.patrimoine-courzieu.fr

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par FredVig le Sam 7 Jan 2017 - 15:01

Dans le post du forum qui parle de ce problème, un utilisateur conseille une alternative opensource (dernier post) http://www.jimdoforum.fr/t1393-modification-google-maps#7292

_________________
Sauf indication contraire, les codes de ce forum sont valables pour UN site précis, à une date précise. Essayez-les, mais essayez surtout de comprendre comment ils fonctionnent.
Je suis 'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
Si vous avez apprécié mon aide, aidez en retour !
Acupuncture Bordeaux - Tailam (école Arts Martiaux) - MTC Tours - Maison des arts martiaux Tours L'étape à pâtes (Restaurant) Association Bohaires de Gasconha
avatar
FredVig

Messages : 1855
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par Delorieux le Sam 7 Jan 2017 - 15:04



Merci c'est sympa, je vais voir cela.

Delorieux

Messages : 18
Date d'inscription : 22/12/2016

http://www.patrimoine-courzieu.fr

Revenir en haut Aller en bas

Re: Widget dans une image (carte cliquable)

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

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

- Sujets similaires

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