Créer un panorama circulaire tournant
Publié : 20 oct. 2009 22:58
Bonsoir,
Notamment aux "fadas" des panoramas qui ont un site.
J'ai récemment découvert ici http://astre.henri.free.fr/panoViewer_utilisation.php un script html pour faire tourner un panorama.
Il suffit de bien suivre la documentation "yapv_doc.pdf" et bien placer le petit fichier "yapv.js" à télécharger.
Exemple, ce panorama de la Pica d'Estats :
Les curieux peuvent regarder le code source de ma page (entre les lignes 54 et 63). Sur ce script, il faut noter que la valeur "background-position" définit la position de l'extrémité gauche de la photo (donc le joint). Pour ma part, j'ai modifié l'apparence du pointeur de la souris lorsqu'elle est sur l'image avec "cursor: move". Vous pouvez évidemment modifier les dimensions du "conteneur" et de la partie visible de l'image ; Un conseil, dimensionnez préalablement la hauteur de votre panorama à celle du conteneur
A bientôt
Gérard
Notamment aux "fadas" des panoramas qui ont un site.
J'ai récemment découvert ici http://astre.henri.free.fr/panoViewer_utilisation.php un script html pour faire tourner un panorama.
Il suffit de bien suivre la documentation "yapv_doc.pdf" et bien placer le petit fichier "yapv.js" à télécharger.
Exemple, ce panorama de la Pica d'Estats :
Les curieux peuvent regarder le code source de ma page (entre les lignes 54 et 63). Sur ce script, il faut noter que la valeur "background-position" définit la position de l'extrémité gauche de la photo (donc le joint). Pour ma part, j'ai modifié l'apparence du pointeur de la souris lorsqu'elle est sur l'image avec "cursor: move". Vous pouvez évidemment modifier les dimensions du "conteneur" et de la partie visible de l'image ; Un conseil, dimensionnez préalablement la hauteur de votre panorama à celle du conteneur
A bientôt
Gérard
