Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5

Nouveau module : JQueryTools
#8

Génial : une google map dans une infobulle avec les liens internes qui fonctionnent Smile
http://www.menus-cmsms-madesimple.be/jquery.html
Autre avec effet zoom : http://www.confederationparascolaire.org...-nous.html
Procédure :

1° insérer dans le content
Code :
<a class="iframe" rel="popup- map" href="testGoogleMap.html">map</a>
2°ajouter dans les métadonnées (avant </script> du post précédent)
Code :
$("a[rel^='popup']").fancybox({
        'frameWidth': 600,
        'frameHeight': 600
3°créer un nouveau gabarit : googlemap
Code :
{process_pagedata}
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
{* Change lang="en" to the language of your site *}
<head>
<title>{sitename} - {title}</title>
{* The sitename is changed in Site Admin/Global settings. {title} is the name of each page *}
{metadata}
{* Don't remove this! Metadata is entered in Site Admin/Global settings. *}
{stylesheet}
{* This is how all the stylesheets attached to this template are linked to *}
</head>
<body>
      {* Start Content *}
      <div>
         <h2>{title}</h2>
         {content}
      </div>
      {* End Content *}
</body>
</html>
4° Créer une nouvelle page (testGoogleMap) avec ce gabarit.

5° Insérer dans son content l'appel de votre carte ex: {CGGoogleMaps map="1"}

6° Testez Smile
Répondre


Messages dans ce sujet

Atteindre :


Utilisateur(s) parcourant ce sujet : 2 visiteur(s)