La semaine dernière, un utilisateur de WP Photo Sphere a proposé quelques idées concernant le plugin, des idées que j’ai trouvées plutôt bonnes. Et comme j’avais un peu de temps ce week-end, je les ai mises en œuvres, ce qui a conduit à la création de la version 2.1 de WP Photo Sphere, rendue elle-même possible grâce à la version 1.1 de Photo Sphere Viewer.

Photo Sphere Viewer, j’en parlais quand je l’ai créée. Il s’agit d’une librairie JavaScript permettant d’afficher des panoramas Photo Sphere sur une page web. La nouveauté de la version 1.1, c’est le mode « responsive » : désormais, si la fenêtre du navigateur est redimensionnée, PSV va automatiquement vérifier si les dimensions sur conteneur ont été modifiées avec elle. Si c’est le cas, alors le panorama sera redimensionné en conséquence, ce qui n’était bien sûr pas le cas avant.

WP Photo Sphere utilise donc désormais la version 1.1 de PSV. Mais cela ne suffisait pas à rendre les panoramas générés par WPPS reponsive. En effet, les dimensions ne pouvaient être jusque-là indiquées qu’en pixels, une unité fixe qui interdit donc tout changement de taille du conteneur. Désormais, vous avez le choix : vous pouvez spécifier des dimensions en pixels, pourcentages, centimètres ou même pouces si ça vous fait plaisir.

Si vous ne spécifiez aucune unité, c’est le pixel qui sera choisi par défaut. Comme ce qui se faisait avant, vous pouvez donc indiquer les dimensions par défaut dans la page d’options et les changer pour chaque panorama avec les attributs qui vont bien, le tout avec les nouvelles unités ou non. Notez que la hauteur, elle, est condamnée à rester fixe en pixels.

Comme cela ne suffisait pas, j’ai également rajouté un nouveau paramètre dans la page d’options : la largeur maximale. Vous pouvez donc par exemple indiquer que vous souhaitez un panorama de 700 pixels, mais qui ne dépasse pas les 95% de la largeur disponible. Ce nouveau paramètre possède son équivalent en attribut pour pouvoir le modifier pour chaque panorama : max_width, dont le fonctionnement est exactement le même que width.

Enfin, avec l’attribut autoload pouvaient venir quelques freezes au chargement de la page. Ces freezes sont désormais évités grâce à un léger délai : les panoramas ne sont plus chargés aussitôt après le chargement de la page, mais 1 seconde après.

N’hésitez pas si vous avez d’autres idées !