Ajouter un caroussel (ou "slider") sur son site web

Ajouter un caroussel (ou "slider") sur son site web

Ajouter un caroussel (ou

Votre outil de création de site web gratuit préféré vous propose cette semaine un nouveau widget qui vous permettra de rendre encore plus dynamique votre site : un carrousel d'images ! Aussi appellé par son nom anglo-saxon "Slider", ce widget est bien plus qu'un diaporama. Il vous permet de faire défiler, par exemple en haut de la page d'accueil du site web, des images avec pour chacune un texte et un lien.

L'intérêt est que vous allez pouvoir mettre en avant des pages, des produits, des dates de l'agenda... très facilement et de façon très esthétique, comme le font les plus grands sites web !

De plus, ce widget est disponible pour tout le monde, dès la version gratuite du CMS de création de site web.

Comment ça marche ?

Vous pouvez ajouter ce widget dans n'importe quelle page et dans les menus verticaux. De plus, vous pouvez en ajouter autant que vous voulez (plusieurs par pages, sur plusieurs pages...) ; mais soyez raisonnable : il ne faudrait pas que votre site clignote de partout et soit ralentis inutilement !

Dans les réglages du widget, vous pourrez ajouter facilement jusqu'à 10 images en provenance de votre ordinateur ou de votre espace de stockage d'images. Pour chaque image, vous pourrez définir (ou non) un titre, une description et un lien de destination.

En plus de cela, vous pourrez régler les couleurs du bandeau où s'affiche le texte et paramétrer de multiples options telles que les effets de transition, l'affichage de la navigation et de la pagnation, la hauteur du carrousel...

Pour tout savoir sur l'intégration de ce widget, nous vous avons préparé un tutoriel sur l'ajout d'un caroussel sur des pages web. A lire sans modération !

A quoi ça sert ?

Comme je le disais en introduction, ce widget vous offre la possibilité de mettre en avant vos contenus d'une façon moderne et visuelle.

Ainsi, pour une boutique, cela peut permettre de mettre en avant des produits nouveaux, populaires ou en promotion (exemple sur la boutique llulecreations.com). Pour un blog, cela peut pemettre de mettre en avant les derniers billets publiés. Et de manière générale, vous pouvez mélanger au sein d'un carrousel des mises en avant de plusieurs modules. Ainsi, mettez en une de votre site des billets, des produits, des pages, des événements... Regardez l'exemple de mise en avant sur notre site de démonstration de création de site web.

Au sein d'une page, cela peut permettre de créer des diaporamas élégants et fluides. Un exemple sur un très beau site, mis en avant la semaine dernière sur notre blog : parisdrive.com.

Bref, les possibilités sont infinies. C'est à vous de jouer !

Stockage Diaporama

Commentaires

  • GameArt
    Quand vous en aviez parlé pour la première fois, je ne m'attendais pas à un résultat aussi complet et offrant autant de choix.

    Bravo, bravo et encore bravo !
  • Chris
    • 2. Chris Le 23/04/2013
    C'est le top du top ce widget ! Hyper facile à utiliser, un rendu magnifique, et très utile en plus. Vous avez fait du sacré bon boulot. Bravo aux développeurs et merci !
  • Guydel
    FABULEUX !!! Je viens de l'intégrer sur ma page d'accueil pour présenter les 8 villages de mon canton ... et en plus le renvoi vers la page que l'on désire ( ici c'est la page d'accueil de chaque catégorie de photos ) et c'est un super plus ! Merci à vous pour cette très bonne idée !
  • llule créa
    Terrible ce nouveau widget!! Merci!! Et merci pour le lien vers ma boutique dans votre article ♥ ! Par contre je n'ai pas vu ce widget sur la page d'accueil boutique serait-il possible de l'ajouter à la liste des widgets dispo? Allez hop je retourne sur ma boutique installer un autre slider sur mon vertical cette fois!
    Bonne fin de journée la super team...★!
  • Valentin
    • 5. Valentin Le 24/04/2013
    Le module est vraiment très réussi, merci beaucoup.

    Par contre, est-il possible de l'afficher en page d'accueil du blog, du forum et de l'annuaire ? J'ai l'impression que seul le module page permet de l'insérer.

    Merci d'avance de votre retour
  • alternita
    Génial. j'attendais ça depuis longemps. Oublié mon logiciel de création de sliders. Merci !!
  • zougnon
    Je cherchais un truc du genre depuis et je remercie avant même d'en faire usage.
  • FTB
    • 8. FTB Le 26/04/2013
    Je trouve ce widget vraiment super. Cela a donné une dimension nettement plus interactive à notre site!
    Merci!
  • Paridrive.com
    Bonjour,

    Le slideshow est en effet très bien fait et facile à utiliser, merci E-monsite.
    Je vous remercie Tony pour avoir évoqué Parisdrive.com dans votre billet. D'autres carrousel ont été ajoutés dans les menus verticaux de Parisdrive.com, avec un rendu visuel tout aussi agréable. Bien à vous.

    Image[/image]
  • Mélissa
    GÉNIAL ! Je viens d'intégrer ce carrousel sur ma page d'accueil
    Le résultat est vraiment réussi et l'utilisation très facile !
    Bravo à toute l'équipe d'E-monsite !
  • samson
    • 11. samson Le 02/05/2013
    @à Tony
    Super le slider , dommage que je ne puisse l'inclure sur mon site vu que mon quota image sur l'espace de stockage est à 100 pc
    Aussi n'est il pas possible d'afficher des images uploadées à partir d'autres hebergeurs , car les photos que je voudrais insérer ne se trouvent pas sur mon espace de stockage
    Merci de m'éclairer
  • mamma5454
    Super
  • yanndel
    super
  • Seys
    • 14. Seys Le 11/07/2013
    Bonjour,
    y'aurait il moyen d'augmenter le nombre d'image affichées dans ce slider ?
    (par exemple passer à 20 images) ?

    merci
  • tony-samson
    @Seys : si vous voulez mettre beaucoup d'images, vous devriez plutot utiliser le widget "Diaporama" bien plus adapté à cela.
  • Akanda sandrine
    • 16. Akanda sandrine Le 11/09/2013
    comment m'y prendre pour l'utiliser
  • tony-samson

Voir plus de commentaires

Ajouter un commentaire

Code incorrect ! Essayez à nouveau