Webdesign et développement
Implantés dans le Midi de l’Auvergne et spécialistes des technologies libres et accessibles, nous vous accompagnons dans votre communication sur 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.
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
Ce logiciel est libre sous licence GNU GPL.
mardi 8 avril 2008
Laisser un commentaire
12 Messages de forum
-
-
-
Super boulot merci !!
24 novembre 2009 17:52, par 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
-
-
:: Plan du site :: Mentions légales :: Contact :: SPIP :: OpenStudio - 10, rue Chènebouterie 43000 Le Puy en Velay - +33 (0) 4 82 53 02 01