Aujourd'hui, billet Geek... En cherchant une animation sympathique et bien faite pour les galleries de Blue Spirit, je suis tombé sur ce site, ou l'on trouve deux "petits" scripts JS réalisé avec scriptaculous, LighWindow et Accordeon.

L'interêt résidant dans le fait que

  1. 1. c'est jouli,
  2. 2. ca se dégrade bien si le JS est désactivé
  3. 3. Skinnable facilement en CSS
  4. 4. Compatible XHTML (presque)
  5. 5. Pas besoin d'insérer du onClick ou autre mochetée dans mon beau XHTML

En bref du beau travail, à quelques bémols près: en effet, pour pouvoir afficher les légendes / auteurs et titres des photos, Miller insère les attributs "caption" et "author" qui n'existent pas... Et donc cela tue la validation XHTML. La faille n'est pas immense, mais pour l'amour du style on aurait aimé qu'il fasse mieux. Si j'ai le temps un de ces jours je me pencherai sur le problème... "si"...

Le deuxième souci est moindre et sera corrigé (bientôt) : certaines images du script sont appelées dans le JS, ce qui sur un site standard ne pose pas trop de problème, mais dès qu'on fait joujou avec l'URL rewriting, fini les chemins relatifs. J'ai pour l'instant rentré les chemins en dur dans le javascr*pt, solution temporaire. Au final il faudra sans doute récuperer directement l'URL dynamiquement, par un passage de paramètre, ou mieux encore directement en récupérant l'URL dans le JS sans paramètre (Je suppose que ça doit être faisable...)

EDIT Je poursuit mes tests... deux nouveaux bugs/soucis : l'image black-70.png qui permet d'avoir un fond grisé lors de l'affichage de la LightWindow ne se charge pas sous une config Kubuntu/Firefox. De plus la gestion des styles et des JS dans la popup est relativement peu standard, ce qui est un résultat plutot logique quand on pousse le JS aussi loin... Par défaut donc les textes et titres s'empilent en haut et certains styles ne sont pas appliqués si inclus dans la css et non dans le html. A suivre.