Carnet Wiki

Carnet Galeries

Carnet Galeries

Rappel sur quelques galeries (avec JS) pour SPIP : http://www.spip-contrib.net/Spip-jQuery-Cycle

Un des problèmes avec les galeries vient de la gestion des différents formats d’images que l’on veut inclure dans celles-ci. Si vous avez des images format portrait/paysage bien souvent cela pose problème. Le cadre étant fixé, il devient nécessaire de faire appel à : image_passe_partout, image_reduire, image_recadre. L’un des problèmes que l’on rencontre alors est le bord blanc autour de l’image...

Après au niveau de l’ergonomie, chacun à des souhaits particuliers - qui de boutons sous le slider, qui de miniatures,... - pour cela de nombreuses implémentations circulent un peu partout. Certaines sont en pure CSS3, d’autres demandent des plugins tel que jquery.

skitter que j’ai implémenté sur la page sommaire du site Théâtre & Réconciliation utilise le plugin jquery. Il est modulable à souhait et dispose d’un grand nombre d’options !! Seul problème, on y revient, l’affichage des différents formats d’images.

Pas encore testé car le plugin n’est pas encore passé sous SPIP3 beta2 : Galleria, il a l’air plutôt prometteur mais il va falloir mettre un peu les mains à la pâte.


Des pistes :
testé pas mal de sliders :
-  skitter que j’ai implémenté en première page m’a semblé plutôt pas mal et joli même s’il ne correspondait pas à ce que que je voulais plus loin dans le site, pour une page sommaire, c’est super
-  au début surtout des full CSS3 et j’ai pas mal regardé les codes de http://www.css3create.com/demos/
et de http://speckyboy.com/2010/06/09/10-pure-css3-image-galleries-and-sliders/
tu as aussi : http://iamceege.com/pure-css3-content-slider/

le pb en général reste que tu as des cadres particuliers dans lesquels placés tes images et que la gestion paysage/portrait demande du jquery (et encore peu de spiders le gère je trouve...) nivo est plus bien référencé mais il gére mal portrait/paysage puisque dans la méthode l’image précédente ne disparait pas mais est remplacé par la suivante

ce fonctionnement de Nivo est spécifique pour éviter tout appel ajax après chargement initial !
ça demande donc de réimplémenter la méthode pour que l’image précédente disparaisse... j’en suis là pour le moment... et je n’ai pas mis le nez dans le code

-  j’avoue que j’aime assez bien http://development.tobypitman.com/slideshow/index3.html#1 ... à voir quand je me recollerai au slider après le multilinguisme
-   un truc qui avait l’air super aussi c’est galleria mais il n’est pas encore implémenté pour spip3b2...

Un des problèmes avec les galeries vient de la gestion des différents formats d’images que l’on veut inclure dans celles-ci. Si vous avez des images format portrait/paysage bien souvent cela pose problème. Le cadre étant fixé, il devient nécessaire de faire appel à : image_passe_partout, image_reduire, image_recadre. L’un des problèmes que l’on rencontre alors est le bord blanc autour de l’image...

Après au niveau de l’ergonomie, chacun à des souhaits particuliers - qui de boutons sous le slider, qui de miniatures,... - pour cela de nombreuses implémentations circulent un peu partout. Certaines sont en pure CSS3, d’autres demandent des plugins tel que jquery.

skitter que j’ai implémenté sur la page sommaire du site Théâtre & Réconciliation utilise le plugin jquery. Il est modulable à souhait et dispose d’un grand nombre d’options !! Seul problème, on y revient, l’affichage des différents formats d’images.