Les Articles

Smooth Gallery v1.0

30/12/2006 - 17h36 Element appartenant à: Blog, Programmation, JavaScript, Sorties, Standards, WebDesign, SmoothGallery


Smooth Gallery v1.0

Hey ! C’est noël, la fin d’année, hannoukah, ou ce que vous voudrez, nous avons un cadeau pour vous !

Smooth Gallery v1.0

Alors, Joyeuses fêtes de la part de JonDesign ! :-)

Certains d’entre vous on sûrement entendu parler de Smooth Slideshow. Smooth Gallery est son successeur. Et il est disponible dès maintenant pour vous !

En utilisant mootools v1.0, ce système javascript de “galeries” et de “slideshows” vous permet de placer sur votre site des galeries d’images, des présentations et autres vitrines simplement et avec des effets graphiques de qualité professionnelle.

Qu’est-ce qu’il a de si spécial ?

À la différence d’autres systèmes disponibles actuellement, Smooth Gallery de JonDesign a été créé depuis en prenant en compte depuis les base les standards du web, ce qui le rend accessible et optimisé pour les moteurs de recherche : Vous pouvez le “nourrir” a partir de n’importe quel document, en utilisant des sélecteurs CSS personnalisés.

Et, de plus, cette solution est vraiment légère : le fichier javascript ne pèse que 15ko.

Pourquoi choisir ce système plutot qu’une solution en Flash ?

  • D’abord, contrairement aux solutions en flash, tout est inclus dans le HTML, rendant vos pages conformes aux standards. (ce qui est important pour l’accessibilité par exemple)
  • En utilisant une solution basée sur une technologie flash, les moteurs de recherche ne verront pas vos contenus. Ce n’est pas exactement le résultat souhaité, n’est-ce pas ?
  • Et dernier point, voulez-vous réellement dépendre pour votre site d’une solution propriétaire d’une grande entreprise qui pourrait du jour au lendemain ne plus exister ?

Wow cool ! Mais combien ça coûte ?

Cette bibliothèque est entièrement gratuite. De plus, elle est sous licence libre, sous licence GPL pour être précis.

Quels navigateurs sont supportés ?

Étant donné que je me suis basé sur la librairie mootools, le script est en quelque sorte indépendant du navigateur.
Je l’ai pleinement testé avec:

  • Firefox
  • Opera
  • Internet Explorer 6 et 7
  • Safari

Où le trouver et comment l’installer ?
Rendez-vous directement sur le site de la bibliothèque (en Anglais) !


Commentaires

Francinou a commenté le 4 Janvier 2007 à 01h:

Magnifique! Justement ce que je cherchais!

Néanmoins, un petit bémol, si ça passe parfaitement sur firefox linux et windows, ie6 recharge toutes les photos à chaque action (passage au dessus d'une vignette par exemple) et ça nuit à la fluidité. Je ne connais pas le javascript donc je ne peux pas aider à résoudre ce problème...

Sinon encore merci pour cette gallerie photo, je l'adopte et la conseille autour de moi.

Jonathan Schemoul a commenté le 4 Janvier 2007 à 02h:

Merci pour ce très bon retour !

A propos du rechargement des images, cela ne se produit que lorsque les dates de modifications ne sont pas transmise correctement (notamment lorsque l'ont n'utilise pas de cache dans un système de redimensionnement automatique d'images).

Pour résoudre ce problème, deux solutions:
- Utiliser un cache,
- Ou jouer avec les dates de modification envoyées dans les en-têtes HTTP.

Je vais surement mettre ça dans la FAQ :-)

Francinou a commenté le 4 Janvier 2007 à 12h:

Après un test sur un autre pc, j'ai vu que ça fonctionnait très bien!

Merci encore pour cette superbe galerie et bonne continuation!

Yann a commenté le 4 Janvier 2007 à 14h:

Bon bah je m'avoue vaincu.. j'étais en train d'arranger un peu mon script "concurrent" http://tridem.mandragor.org/demo.php :p

La prochaine version utilisera sans doute ton truc à toi. Cela dit, le "zoom" est facilement réalisable et est une feature que je trouve plutot sympa.

PS: peut-on intégrer plusieurs slides sur une même page?

Benoit a commenté le 15 Janvier 2007 à 14h:

wouaw, tres sympa! cela gère t'il le multi-dossier? ou est-ce "simplement" les images qui sont contenu directement dans un seul dossier?

olivier michel a commenté le 30 Janvier 2007 à 15h:

Super boulot ! J'ai eu la chance d'assister a la conference Lotusphere à Orlando la semaine derniere, et Smooth Gallery a ete citée dans une session sur les meilleurs toolkits AJAX. Félicitations !

Mathieu a commenté le 2 Mars 2007 à 20h:

Bravo pour cet outil tout simplement superbe!

Par contre lorsque je mets plus de deux galleries dans la meme page. Les deux 1ere se chargent bien mais les suivantes ne fonctionnent pas.

Une petite aide la dessus?

Merci d'avance.

Mathieu

toine a commenté le 12 Avril 2007 à 20h:

Tout d'abord bravo pour cette galerie ! elle est superbe !
J'ai deux petites questions ...
1- J'ai installer le bot permettant d'avoir une vue plus grande de l'image sélectionnée sur un fond noir ... mais j'arrive pas à l'utiliser ... :|
2- J'aimerai pouvoir mettre un lien de certaines images vers des articles. J'ai vu que l'on peut definir un lien pour chaque images mais comme je suis débutant... help me please ! ;)

A bientôt et encore bravo !

Nico a commenté le 6 Mai 2007 à 11h:

Bonjour,

Superbe outil.
Avec une petite réserve : le carrousel ne supporte pas plus de 45 vignettes environ (au delà, il tremble). Y a-t-il une solution ?

Merci,
Nicolas

Maxence a commenté le 6 Juin 2007 à 08h:

Bonne question nico, j'allais justement l'a poser sur le forum.. J'ai environ 180 photos et j'ai remarqué aussi qu'à partir de 45 photos, mes vignettes avaient la tremblotte :)

En attente d'une réponse, merci et beau travail !

fudo a commenté le 9 Octobre 2007 à 03h:

Je recherchais justement quelque chose de simple dans ce genre.
Je regarde la demo, par contre il n'est pas possible apparemment une fois cliqué sur l'image de pouvoir repasser en mode diaporama ? C'est bien de pouvoir cliquer dessus pour agrandir la photo, mais je déplore que l'in ne puisse pas en recliquant dessus ne pas revenir a la taille thumbnail et d'avoir ainsi acces.
Bref j'hesite encore entre la galerie flash type JetPhoto Server associé a JetPhoto Studio ou la galerie javascript.
J'ai vu de magnifique galeries realisées en Flash :
http://icetemplates.com/show-template-19...
icetemplates en regorge.. mais payant bien evidemment.

Postez un commentaire


Derniers Projets

PGO Automobiles Projet de type: Web PlayZikStar Projet de type: Web Holdiland: Boutique en ligne Projet de type: Web

Nous avons aimés...

Kick & Blog Blog sur les nouvelles technologies et le marketing. Vibleog Le blog des Dailyoutubers. BlogTheCom Blog sur la communication.


Switch to English Passez à la version Française Flux RSS des Articles XHtml 1.1 Valide