Le Rayon UX

La radiographie du Web en temps presque réel / thème en chantier (je m'appelle Teuse)

Typo sliding posts, un carrousel pour mettre vos meilleurs billets en valeur

Typo sliding posts est un carousel pour Typo, le blogware en Ruby on Rails, qui vous permet de mettre en valeur vos derniers billets en haut de votre page d’accueil. Typo sliding posts récupère des images dans les articles que vous souhaitez mettre en valeur, et les affiches avec leur titre et leur texte d’introduction.

Un carousel pour Typo

Typo sliding posts se base sur la librairie carousel.js utilisant Prototype, et cette dernière est fournie avec le plugin. L’installation de Typo sliding posts est donc excessivement simple. Commencez par l’installer sur votre application comme n’importe quel plugin Ruby on Rails :

./script/plugins install git://github.com/fdv/typo-sliding-posts.git

Puis, éditez votre thème, et placez-y la ligne suivante dans la vue correspondant à l’index de vos articles, logiquement views/articles/index.html.erb

<%= render_sliding_posts(@articles) unless params[:page] %>

Chaque fois que vous voudrez mettre un article en valeur, associez-lui une image, à laquelle vous attribuerez la classe carousel.

<img src='/some/path.jpg' class='carousel' alt='my cool picture' />

C’est aussi simple que cela.

  • Par Olivier BONNAURE 12/10/2009 at 19h24

    Ruby on Rails c’est vraiment chouette pour ajouter des fonctionnalités à son site !

    Juste une remarque perso, je trouve que le bandeau noir transparent c’est pas très lisible quand les images sont chargées en dessous … Mais bon je suppose que c’est juste un réglage CSS ;)


Commentaire Typo sliding posts, un carrousel pour mettre vos meilleurs billets en valeur