Widget dans une image (carte cliquable)
+3
rs53600
DOC13710
FilmsdeLover
7 participants
Page 1 sur 1
Widget dans une image (carte cliquable)
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
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
Re: Widget dans une image (carte cliquable)
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
Re: Widget dans une image (carte cliquable)
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">
<MAP NAME="Europe01">
<!--Source Map:|Europe01.jpg|-->
</MAP>
</BODY>
</HTML>
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">
<MAP NAME="Europe01">
<!--Source Map:|Europe01.jpg|-->
</MAP>
</BODY>
</HTML>
Re: Widget dans une image (carte cliquable)
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/
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/
Re: Widget dans une image (carte cliquable)
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.
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.
Re: Widget dans une image (carte cliquable)
Merci à tous, mais je crois que je vais laisser comme il est ! avec des titres des pays visités!!
A+
A+
Re: Widget dans une image (carte cliquable)
Moi j'utilise The GIMP. Ça commence par Filtres >> Web >> Image cliquable Web.
Ça finit par Affichage >> Source . Après yapuka
Exemple ici
Le code en question c'est
Ç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>
Re: Widget dans une image (carte cliquable)
Pas mal du tout !
En effet, cela doit être également possible avec divers logiciels de traitement d'image, comme Photoshop+image ready
En effet, cela doit être également possible avec divers logiciels de traitement d'image, comme Photoshop+image ready
Re: Widget dans une image (carte cliquable)
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
<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
Widget (Carte cliquable)
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.
Merci pour vos réponse.
Bonne soirée.
Catherine
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.
Merci pour vos réponse.
Bonne soirée.
Catherine
Cathaxeo- Messages : 1
Date d'inscription : 14/12/2016
Re: Widget dans une image (carte cliquable)
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.
Re: Widget dans une image (carte cliquable)
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.
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.
Re: Widget dans une image (carte cliquable)
FredVig a écrit:Voir le message juste au dessus du votre…
Ca veut dire que je ne peux pas utiliser cette fonction ?
Re: Widget dans une image (carte cliquable)
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
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
Re: Widget dans une image (carte cliquable)
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.
Il va falloir que je trouve une autre solution !
Merci.
Re: Widget dans une image (carte cliquable)
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
Sujets similaires
» url image dans un widget html ne fonctionne pas
» Insérer du texte dans une image
» Image cliquable
» Lien cliquable vers ouverture image
» images pleine largeurs dans un widget html non responsive !
» Insérer du texte dans une image
» Image cliquable
» Lien cliquable vers ouverture image
» images pleine largeurs dans un widget html non responsive !
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|