Le diaporama change de peau

le Lundi 21 Mai 2012

Après des années de bons et loyaux services, la version en flash du diaporama tire sa révérence. Elle laisse la place à une version complètement réécrite.

Le nouveau diaporama offre plus de fonctionnalités et une meilleures compatibilité avec les terminaux utilisés pour consulter vos articles.



Javascript

Première grande nouveauté, la technologie utilisée. Le diaporama est désormais en javascript. On ne cesse de tirer profit de l'adoption de JQuery sur WMaker  :) !!

Dans ce nouveau diaporama en JS, vous découvrirez :
- de superbes flèches gauche/droite pour naviguer entre vos photos
- une fonction play/pause pour lancer le diaporama (la fonction essentielle d'un diaporama me direz-vous :)
- une barre de navigation qui vous indique quelle est la photo consultée, son titre, sa description, son numéro
- la possibilité d'afficher la liste des photos sous forme de vignettes, au bon ratio
- un mode pop-up
- un mode plein écran

Le diaporama est disponible dans 3 endroits de l'application. Dans les pages articles, dans le module mes notes, dans le webservice Galerie.
Notez que dans le webservice Galerie, le mode diaporama adopte une présentation spécifique, avec le titre et la description des photos en haut de page. En bas de page, un ruban déployable pour visualiser les vignettes. Il est possible aussi de naviguer entre les photos avec les flèches du clavier.

iPad, Flickr & Picasa

Seconde grande nouveauté, la disponibilité du diaporama sur iPad ! 
C'était une grande faiblesse de notre ancien diaporama en flash. Maintenant, toutes les fonctionnalités du diaporama javascript sont aussi disponibles sur iPad. Sur cette tablette, vous verrez que vous pouvez faire défiler les photos en les feuilletant du doigt. Inutile d'en dire plus ;)

Troisième nouveauté, la possibilité d'afficher les photos Flickr et Picasa.
Ceux d'entre vous qui ont connecté leur galerie photo avec une compte Flickr, ou bien un compte Picasa, vous pouvoir profiter des fonctionnalités du mode diaporama. Jusqu'à présent, les albums photos issus de ces services tiers étaient filtrés lors de l'activation du diaporama. Ce n'est plus le cas aujourd'hui, vous pouvez les sélectionner. C'est ce que j'ai fait d'ailleurs pour illustrer cette note, où j'ai décidé d'afficher dans le diaporama notre photostream sur Flickr.





Jerome Granados
Jérôme s'occupe de la promotion de WMaker. Il accompagne les prospects dans la découverte de la... En savoir plus sur cet auteur


Vos commentaires

1.Posté par Girard le 21/05/2012 18:33 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Bravo, une fois de plus !
les galeries déjà en ligne sont modifiées par défaut ou faut-il les refaire ?

2.Posté par Manser le 21/05/2012 19:10 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
bien mais un bémol les photos verticales sont visibles dans un recadrage horizontale
ca nous oblige a penser a l'avenir nos cadrages essentiellement a l horizontale ^^

3.Posté par Manser le 21/05/2012 19:32 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
En outre et dans ce sens, du coup, ça pixelise les photos vu que le recadrage dans votre proposition est automatique.
vous devriez proposer l ancienne et la nouvelle version dans l'admin galerie
personnellement j'aime beaucoup votre nouveau diapo, mais je ne suis pas sur de présenter que des photos horizontales et beaucoup de photographes sont réticents a recadrer leurs photos.
mais je dis ca juste pour vous aider, loin de moi l'idée de vous critiquer :)

4.Posté par Galleria le 21/05/2012 19:33 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
C'est en faite http://galleria.io/ ?

5.Posté par Koyolite Tseila le 21/05/2012 20:59 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Facebook
Ben moi je suis entrée dans le diaporama et je n'ai jamais su comment en ressortir ! :))
(avec la touche ESC ça n'a pas fonctionné.)

6.Posté par Laurent Linza le 22/05/2012 09:15 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Nous venons de faire une mise à jour pour enlever le recadrage automatique.
Les images horizontales et verticales s'affichent désormais correctement et sans pixellisation.

@Koyolite Tseila : aucun soucis de notre côté avec la touche Echap. Passez par le support technique pour regarder de plus près votre configuration.

@Galleria : Oui tout à fait, nous utilisons l'outil fourni par http://galleria.io/

7.Posté par Yann le 23/05/2012 06:37 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Idem avec la touche esc. Pas moyen de sortir du diaporama (IOS + Chrome et/ou Firefox)

8.Posté par TAFITARIJAONA Jean Vinci Ophrys le 26/05/2012 03:21 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
La je suis just au point de l'ouverture de mon site internet, aparement ca marche bien. Et le recadrage automatique, je le previens dès maintenant. On me retrouve sur le site www.wmaker.net/jeanvinciophrys

9.Posté par FCrozier le 30/05/2012 11:28 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Je confirme l'info : sur mac + FF, esc. est sans effet pour la sortie du plein écran.

FCrozier

10.Posté par Lesia PIETRI le 31/05/2012 09:10 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
@Yann et @FCrozier Merci de passer par le support afin que l'on puisse ensemble identifier le problème.

11.Posté par Julien Landfried le 02/06/2012 23:40 | Alerter
Utilisez le formulaire ci-dessous pour envoyer une alerte au responsable du site concernant ce commentaire :
Annuler
Superbe! Voir mon test sur mon blog de campagne ici