Web Site Design and Development
Located in the south of Auvergne, in France, an expert in free software provides you with modern communication tools on Internet.
Ce petit plugin pour jQuery vous propose d’afficher sous la forme d’un panorama interactif, toutes les images de votre page qui contiennent la classe ’panorama’
Nous avions réalisé il y a quelques temps un plugin permettant l’ajout de panoramas dans SPIP. L’intérêt de cette nouvelle version, est qu’elle n’est plus uniquement destinée aux utilisteurs du CMS SPIP et surtout qu’elle est basée sur la librairie accessible jQuery, qui permet une intégration plus facile. - Démonstration Si vous souhaitez aller plus loin et assembler vos vues panoramiques pour former une visite virtuelles, découvrez notre plugin jQuery virtual tour.
Installation
- dans la section <head> de votre page, ajoutez :
- puis dans le corps de votre page, ajoutez simplement la classe ’panorama’ sur une image panoramique, exemple :
MAJ 06/2009 : Si la taille de l’image n’est pas précisée dans la balise img, c’est la taille réelle de l’image qui est utilisée. Merci à Frédéric Martini pour cette amélioration et pour la gestion du paramètre loop_180.
Vous pouvez personnaliser le style aux couleurs de votre site en modifiant jquery.panorama.css
Options
Il est possible de passer au plugin des paramètres, il faut alors donner à vos images une autre classe que ’panorama’, puis appelez le plugin explicitement en lui passant les paramètres, exemple :
liste des paramètres :
- viewport_width : pour préciser la largeur de la fenêtre de visualisation (par défaut : 600)
- speed : permet de contrôler la vitesse de rotation. (Par défaut : 20000)
- direction : sens de rotation, ’left’ ou ’right’ (par défaut : ’left’)
- control_display : afficher en permanence le panneau de contrôle, valeurs possible : ’auto’ ou ’yes’ (par défaut : ’auto’)
- start_position : position au démarrage du panorama. Par exemple 1000 corrspond à x=1000px (par défaut : 0)
- auto_start : démarrage automatique du défilement : true ou false (défaut : true)
- mode_360 : boucler sur l’image ? true ou false (défaut : true)
- MAJ 06/2009 : Un nouveau paramètre loop_180 (prend les valeurs true ou false) permet de boucler sur des gauche/droite lorsque mode_360=false.
Téléchargement
jquery.panorama.zip Ce logiciel est libre sous licence GNU GPL.
Tuesday 8 April 2008
Reply to this article
12 Forum messages
-
-
-
Super boulot merci !!
24 November 2009 17:52, by alainJuste une question : je voudrais simplement enrichir l’interface de deux choses :
lancer le changement de defilement au survol des flèches plutôt que sur le click
étendre la zone pour lancer la rotation sur les bords gauche et droite de l’image mais je ne sais pas trop où intervenir dans le code
pourriez vous m’aider ?
mon mail : soulou@free.fr
-
-
:: Site Map :: Mentions légales :: Contact :: SPIP :: OpenStudio - 10, rue Chènebouterie 43000 Le Puy en Velay - +33 (0) 4 82 53 02 01