Oh les images !

Depuis que nous avons mis en place notre nouveau thème (C’est reparti pour la déco), j’en ai profité pour chercher un truc (en fait un «plugin») pour afficher joliment les images. Quand vous cliquez sur une image pour l’agrandir, elle surgit dans ce qu’on appelle une «Lightbox» et s’affiche donc par-dessus la page que vous lisez. Sur Libre-Ailé(es)s, vous trouverez peut-être un jour des effets renversants mais pour le moment, c’est tout simple. Pas la peine de mettre un plugin qui pèse des tonnes pour un site qui n’est pas rempli de superbes photos.

Notre choix

Je n’ai rien trouvé qui soit parfait tout en restant léger :

  • Le plugin CSS3 Lightbox, c’est ça qu’il nous faut (pas un brin de Javascript) mais le plugin est tout jeune et fait des couacs, ce sera donc pour plus tard ;
  • Le plugin Light (de Captain Theme) semble assez léger mais laisse glisser certaines images sous la bannière du site, ça fait plouc ;
  • Le plugin Responsive Lightbox laisse le choix du script mais aucun des scripts ne nous satisfait tout à fait (il faudra voir ce qu’on peut arranger, mais ce n’est pas la tâche la plus urgente …) ;
  • Et enfin nous avons choisi imageLightbox qui fait le nécessaire avec une grande légèreté et sans aucune prétention (pas d’effet, pas de décorations, pas de fond coloré, pas de bouton, croix ou chevrons).

Pour que nos galeries s’affichent dans la Lightbox (donc par-dessus les pages), il faut que je les rafistole ; c’est une conséquence de notre départ de chez WordPress.com ou de changements dans les versions du CMS lui-même (WordPress).
En même temps, il est pratique qu’une image s’affiche sur une page séparée car cela vous permet de faire des commentaires. J’ai arrangé l’encadrement (à l’origine un gris pisseux) et c’est aussi beau qu’une Lightbox. Bien sûr, ça ne fait pas le même effet.
Pour l’instant, je n’ai pas trouvé de plugin qui offre le choix d’afficher une image dans la Lightbox ou de l’afficher sur une page. Il y a le Jetpack, bien sûr mais ce plugin enormous contient plein de trucs qui espionnent les visiteurs. Nous n’avons pas quitté WordPress.com pour retrouver ce maudit Jetpack.

Les petits trucs de imageLightbox

Une fois que vous avez affiché une image d’un clic dans la Lightbox :

  • Si vous cliquez plutôt à droite sur l’image elle-même, vous passez à l’image suivante
  • Si vous cliquez plutôt à gauche sur l’image elle-même, vous passez à l’image précédente.

Au lieu de clics de souris pour aller et venir dans les images, vous pouvez utiliser les touches de direction de votre clavier :

  • La flèche à droite affiche l’image suivante
  • La flèche à gauche affiche l’image précédente.

Pour faire disparaître ces images (sortir de la Lightbox, donc) :

  • Clic de souris n’importe où, ailleurs que sur la photo (en dehors donc de la Lightbox)
  • Au clavier : touche [Échap] — c’est ce qui marche le mieux.

imageLightbox fait défiler ainsi toutes les images figurant dans un même article. Vous pouvez essayer sur C’est reparti pour la déco :
Si vous cliquez sur l’image d’un des deux thèmes, vous savez maintenant comment passer à l’autre image à côté. Et si vous continuez à cliquer ou à taper sur les touches de direction du clavier ? … surprise … Bref, ça nous a bien amusées. Vous pouvez descendre dans la page web avec GNU en accompagnement et s’il vous casse les pieds, clic ailleurs que sur son museau, ses oreilles ou ses cornes :-)

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *