Recettes de Cuisine

Mots-clés : Carrousel, Diaporama, Services, Purple Cow, Innovation, Images

---

Après avoir vu la mosaïque de photos de recettes, Françoise du très beau blog Saveurs Croisées m'a suggéré de créer un carrousel présentant les photos des dernières recettes qui puisse être affiché sur son blog.

J'ai passé un bon moment à tester tous les différents scripts (Javascript, jQuery et même Flash) permettant de réaliser des carroussels, diaporamas et autres slideshows, et j'ai sélectionné carouFredSel, un plugin jQuery qui présente l'intérêt d'être très configurable et entièrement stylisable via les CSS. Il marche sans bug sur tous les navigateurs que j'ai testé (versions récentes d'Internet Explorer, Firefox, Chrome et Opera). Et comme c'est du Javascript et pas du Flash, il devrait même marcher sur iPad !

Pour tous les blogs inscrits sur Recettes de Cuisine, je génère donc maintenant un fil des dernières recettes compatible avec carouFredSel ainsi que des images recadrées et redimensionnées, en deux tailles différentes (320x240 pour les grandes et 160x120 pour les petites).

En insérant un peu de code HTML et CSS dans votre blog (ou n'importe quel site web), vous pouvez afficher des carrousels :

• horizontaux ou verticaux,
• avec grandes ou petites images
• avec le nombre d'images visibles de votre choix (avec une seule image visible, vous obtenez un diaporama),
• avec ou sans le titre de la recette en surimpression,
• et bien sûr avec des liens directs vers les pages de vos recettes.

Le tout est entièrement stylisable : vous choisissez les bordures, les marges, les couleurs, la police de caractère, la taille du titre etc.

Et vous pouvez insérer le carrousel à l'emplacement de votre choix : en grand en haut de votre blog, en petit dans une colonne. Tout est possible !

Un exemple de blog cuisine utilisant un carrousel horizontal en haut du blog : Recettes de Crevettes.

La page Carrousel de Recettes de Cuisine présente d'autres exemples (avec des petits carrousels également) et contient les instructions pour ajouter un carrousel à votre blog.

Si vous avez des problèmes pour insérer le code HTML et CSS sur votre plateforme de blog, dîtes le moi et on regardera ensemble comment faire. Je suis certain que ça marchera sur Wordpress, Dotclear et ViaBloga, et j'espère bien qu'on pourra le faire marcher aussi sur Typepad, Blogger, Overblog, Hau et Fort et Canalblog.

Qu'en pensez vous ? Ca vous plaît ? Si vous avez d'autres idées pour mettre en valeur vos recettes et vos photos, n'hésitez pas à m'en faire part. :-)

---