Smooth Slideshow v1.0 : bibliothèque javascript libre de slideshows (en fondu enchaîné)...

Posté par  (site web personnel) . Modéré par Jaimé Ragnagna.
Étiquettes :
0
28
juil.
2006
Internet
En utilisant moo.fx et prototype.lite.js, ce système javascript de "slideshow" vous permet de placer sur votre site des présentations et autres vitrines simplement et avec des effets graphiques de qualité professionnelle.

Pourquoi choisir ce système plutôt qu’une solution en Flash ?
  • Imaginons que vous voulez installer sur la première page de votre site une présentation animée de vos derniers produits (ou même d'un seul produit) en montrant plusieurs de ses images sur votre page d'accueil. Restreindriez-vous l’accès à ces fonctions uniquement aux utilisateurs munis du greffon Flash ?
  • Un autre point important est le fait qu'en utilisant ce script, vous aurez des pages conformes aux standards du W3C, ce qui est important pour l'accessibilité par exemple.

Combien ça coûte ?
Rien du tout. Cette bibliothèque est gratuite (de plus, elle est sous licence libre, sous licence GPL pour être précis). Quels navigateurs sont supportés ?
Étant donné qu'il est basé sur la bibliothèque moo.fx, le script est en quelque sorte indépendant du navigateur.
Il a été pleinement testé avec :
  • Firefox
  • Opera
  • Internet Explorer v6

Si vous souhaitez nous informer de la façon dont marche ce script sur les autres navigateur, contactez nous par mail ou par google talk à l’adresse jonathan.schemoul at gmail.com.

Où le trouver, comment l'installer et à quoi ça ressemble ?
Rendez-vous directement sur le site de la bibliothèque (en Anglais).

Aller plus loin

  • # La démo

    Posté par  . Évalué à 4.

    Voici l'url d'une des démos :
    http://smoothslideshow.jondesign.net/timed.html#

    Sous Konqueror (un vieux), le showcase mode à tendance a être un poil buggué :
    * les boutons en haut ne sont pas transparents
    * Si on arrive à la 4eme image, les images ne changent plus, juste les commentaires en bas.

    Sinon ca a l'air vraiment pas mal.

    • [^] # Re: La démo

      Posté par  . Évalué à 2.

      Idem chez moi avec la version 3.5.3.

      • [^] # Re: La démo

        Posté par  (site web personnel) . Évalué à 1.

        Une personne m'a contacté par email en me disant que tout fonctionnait nickel avec safari...
        Donc je vais installer konqueror sur mon pc pour tester et essayer de le debuguer, je pense pas que ce soit un gros problème !

        (ps: est-ce possible d'installer konqueror sans tout kde ? Je participe au dev d'une distrib gnome, et j'avoue ne pas trop connaître kde)

  • # "Galerie" photo ?

    Posté par  . Évalué à -2.

    Bon j'ai pas le temps d'aller verifier le site maintenant (boulot :p), et il y a surement l'info qu'il faut la-bas mais peut-on facilement l'utiliser pour montrer une suite de photos ?

    PS: desole je suis sur un clavier QWERTY

    • [^] # Re: "Galerie" photo ?

      Posté par  . Évalué à 2.

      >peut-on facilement l'utiliser pour montrer une suite de photos ?

      Hélas c'est quasiment impossible, il faut un serveur applicatif dédié, un middle tiers de 4ème génération et beaucoup d'huile de coude pour y parvenir.

      Bon je plaisante, en même temps tu cherches. Tout est en effet expliqué sur le site et c'est plutôt simple.

      • [^] # Re: "Galerie" photo ?

        Posté par  . Évalué à -1.

        Je comptais aller sur le site de toute façon :p
        C'est juste que sur le moment, je n'avais vraiment pas le temps
        Bref je vais voir ça de ce pas

  • # c'est bon à savoir

    Posté par  (site web personnel) . Évalué à 3.

    Je me suis amusé il y a peu à coder du fade-in-out et du scrolling sur une gallerie photo... mal de tête entre le code moz-spécifique, IE-spécifique, et CSS-compliant-mais-qui-marche-nulle-part...

  • # ESS?

    Posté par  . Évalué à 2.

    J'avais déjà codé un truc du même accabit il y a quelques mois mais ca avait pas intéressé beaucoup de monde :]

    Version 1: http://ess.mandragor.org/demo.php
    Version 2: http://tridem.mandragor.org/demo.php (à la recherche d'une jolie skin, et de 2 heures pour finaliser un peu)

    Par contre le JohnDesign il triche, il a mis des photos toutes petites, on se rend pas bien compte à quel point le fade rame sous linux (firefox du moins) -_-

    Bref voilà, je passe faire ma petite pub, si qqun a envie de me donner un coup de main pour boucler le code ;)

    • [^] # Re: ESS?

      Posté par  (site web personnel) . Évalué à 1.

      J'aime beaucoup ton script, mais le but de smoothslideshow n'est absolument pas le même.

      Je m'explique, SmoothSlideshow permet d'ajouter une plus value animée aux pages, de présenter de manière attractive plusieurs informations, produits, brèves avec liens (voir même tourner autour d'un produit ou plusieurs)... d'où les informations textuelles qui viennent s'afficher au dessus des images. Le tout en offrant une ergonomie équivalenrte à celle présente sur les grand sites commerciaux, portails, etc...

      Là où ESS permet d'ajouter une galerie d'images, de photographies... tu avoueras que le but n'est pas le même :)

      Quant à tricher, je réfute ;) J'ai testé beaucoup de bibliothèques, et l'usage de moo.fx assure à JSS une vitesse tout à fait correcte, même avec de grandes images...

      Pour ton info sinon, tu peux utiliser la dernière alpha (ou beta je sais plus) de firefox 2.0, l'usage de cairo accélère énormement le rendu, c'est ce que j'ai installé sur mon ordi portable (qui avait tendance à ramer en opacités JS) :)

      Par ailleurs, je suis actuellement en train de bosser sur Jondesign's SmoothGallery, qui est un peu un équivalent de ce que tu crées, mais utilisant les dernières librairies à la mode pour accélerer le codage bien sûr, mais l'affichage aussi...

Suivre le flux des commentaires

Note : les commentaires appartiennent à celles et ceux qui les ont postés. Nous n’en sommes pas responsables.