{"id":4422,"date":"2015-05-24T18:50:49","date_gmt":"2015-05-24T16:50:49","guid":{"rendered":"https:\/\/www.creativejuiz.fr\/blog\/?p=4422"},"modified":"2015-05-25T13:35:45","modified_gmt":"2015-05-25T11:35:45","slug":"plugins-scripts-js-slideshows-responsive-touch-swipe","status":"publish","type":"post","link":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe","title":{"rendered":"Plugins et scripts JS pour des slideshows responsive"},"content":{"rendered":"<p>Apr\u00e8s vous avoir propos\u00e9 cette <a href=\"\/blog\/ressources-telechargements\/selection-slideshow-carrousels-javascript\">s\u00e9lection de slideshow<\/a> il y a maintenant deux ans, celle que je vous propose aujourd&rsquo;hui vient compl\u00e9ter un nouveau besoin r\u00e9el : <strong>le responsive<\/strong> et la prise en charge des <strong>actions au <em>touch<\/em><\/strong>. Je vais vous pr\u00e9senter 3 outils qui se ressemblent et qui proposent tous leurs particularit\u00e9s.<\/p>\n<p><!--more--><\/p>\n<p>C&rsquo;est devenu un vrai besoin si vous concevez des sites web modernes pour vos clients. Aujourd&rsquo;hui il est difficile de passer \u00e0 c\u00f4t\u00e9 du slideshow dans la demande qui accompagne un site web, et m\u00eame si <a href=\"http:\/\/doisjeutiliser.fr\/unCarrousel\/\">le slideshow n&rsquo;est pas toujours indispensable<\/a>, lorsque vous aurez besoin de le faire, autant vous armer des bons outils.<\/p>\n<p>Voici donc une petite s\u00e9lection loin d&rsquo;\u00eatre exhaustive, mais qui propose les outils que j&rsquo;ai pu tester par le pass\u00e9 dans des projets web.<\/p>\n<h2>iDangerous Swiper<\/h2>\n<p style=\"text-align: center;\"><a href=\"http:\/\/www.idangero.us\/swiper\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-5021\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/swiper-idangerous.jpg\" alt=\"Slideshow iDangerous Swiper\" width=\"1920\" height=\"1002\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/swiper-idangerous.jpg 1920w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/swiper-idangerous-300x157.jpg 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/swiper-idangerous-600x313.jpg 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p>iDangerous c&rsquo;est cette team qui d\u00e9veloppe Framework7 et nouvellement Template7. Elle fait pas mal de recherches pour proposer des solutions open source efficaces.<\/p>\n<p>Swiper propose de nombreuses <a href=\"http:\/\/www.idangero.us\/swiper\/demos\/\">d\u00e9monstrations<\/a> que je vous invite \u00e0 regarder pour voir o\u00f9 vous mettez les pieds si vous faites les choix de ce script pour vos slideshow.<\/p>\n<ul>\n<li>Non d\u00e9pendant de jQuery<\/li>\n<li>Responsive<\/li>\n<li>Compatible avec les \u00e9v\u00e9nements <em>Touch<\/em><\/li>\n<li>Compatibilit\u00e9 <em>Grab<\/em> (action cliquer\/glisser \u00e0 la souris)<\/li>\n<li>Autoplay en option<\/li>\n<li>CSS3 animation (acc\u00e9l\u00e9ration mat\u00e9riel)<\/li>\n<li>Effet de r\u00e9sistance activable<\/li>\n<li>JSON Data<\/li>\n<li>Touch Framework App<\/li>\n<li>Slider imbriqu\u00e9s (Nested sliders)<\/li>\n<li>Horizontal ou vertical<\/li>\n<li>Multiple occurrences<\/li>\n<li>Simple slide ou multiple items (ou \u00ab\u00a0roue libre\u00a0\u00bb)<\/li>\n<li>Prise en compte du redimensionnement<\/li>\n<li>Fonction de callback de plusieurs \u00e9v\u00e9nements bien pratiques<\/li>\n<li>Relativement l\u00e9ger compte tenu de ce qu&rsquo;il embarque et de l&rsquo;absence du besoin de jQuery ( 44 ko minifi\u00e9 de JS + 3 ko de CSS)<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a class=\"demo\" href=\"http:\/\/www.idangero.us\/swiper\">D\u00e9couvrir Swiper de iDangerous<\/a><\/p>\n<h2>\u00a0Flickity<\/h2>\n<p style=\"text-align: left;\"><a href=\"http:\/\/flickity.metafizzy.co\/\"><img decoding=\"async\" class=\"aligncenter size-full wp-image-5022\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/flickity-slider.png\" alt=\"Slideshow Flickity\" width=\"1920\" height=\"1002\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/flickity-slider.png 1920w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/flickity-slider-300x157.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/flickity-slider-600x313.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p style=\"text-align: left;\">Flickity est un peu plus r\u00e9cent, et je n&rsquo;ai pas eu l&rsquo;occasion de le tester en production, mais d&rsquo;apr\u00e8s ce que j&rsquo;ai pu voir ce petit n&rsquo;a rien \u00e0 envier \u00e0 ses pr\u00e9d\u00e9cesseurs.<\/p>\n<p style=\"text-align: left;\">Quelques uns de ses avantages :<\/p>\n<ul>\n<li>Non d\u00e9pendant de jQuery<\/li>\n<li>Initialisable avec JS, jQuery ou par data-* HTML5<\/li>\n<li>Responsive<\/li>\n<li>Compatibilit\u00e9 avec les \u00e9v\u00e9nements <em>Touch<\/em><\/li>\n<li>Compatibilit\u00e9 <em>Grab<\/em> (action cliquer\/glisser \u00e0 la souris)<\/li>\n<li>Auto play (option)<\/li>\n<li>Simulation de la r\u00e9sistance<\/li>\n<li>Simple slide ou multiple items (ou \u00ab\u00a0roue libre\u00a0\u00bb)<\/li>\n<li>Prise en compte du redimensionnement<\/li>\n<li>Fonction \u00ab\u00a0watch CSS\u00a0\u00bb qui permet de synchroniser le diaporama aux media-queries<\/li>\n<li>Compatible ImageLoaded pour du chargement asynchrone des images<\/li>\n<li>Option d&rsquo;accessibilit\u00e9 clavier<\/li>\n<li>Option RTL<\/li>\n<li>Option des boutons suivant et pr\u00e9c\u00e9dent ainsi que de la pagination<\/li>\n<li>Exemples de codes CSS<\/li>\n<li>API document\u00e9e<\/li>\n<li>53 ko de JS et 2,6 ko de CSS<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a class=\"demo\" href=\"http:\/\/flickity.metafizzy.co\/\">D\u00e9couvrir Flickty<\/a><\/p>\n<h2>Owl Carousel<\/h2>\n<p><a href=\"http:\/\/www.owlgraphic.com\/owlcarousel\/\"><img decoding=\"async\" class=\"aligncenter wp-image-4982 size-full\" src=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/owl-carousel-responsive-touch.png\" alt=\"Owl Carousel Responsive Slideshow\" width=\"1920\" height=\"1002\" srcset=\"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/owl-carousel-responsive-touch.png 1920w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/owl-carousel-responsive-touch-300x157.png 300w, https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2014\/11\/owl-carousel-responsive-touch-600x313.png 600w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/><\/a><\/p>\n<p>Owl Carousel est utilis\u00e9 dans pas mal de th\u00e8mes WordPress et int\u00e9grations statiques vendus ou partag\u00e9s sur le Web. L&rsquo;outil est tr\u00e8s complet et propose une API exub\u00e9rante, si je puis dire. Voici une synth\u00e8se :<\/p>\n<ul>\n<li>D\u00e9pendant de jQuery<\/li>\n<li>Responsive<\/li>\n<li>Touch enabled<\/li>\n<li>Grab enabled<\/li>\n<li>autoplay en option<\/li>\n<li>CSS3 animation (acc\u00e9l\u00e9ration mat\u00e9riel)<\/li>\n<li>Lazyload des images<\/li>\n<li>JSON data<\/li>\n<li>Multiple occurrences<\/li>\n<li>Simple slide ou multiple items<\/li>\n<li>Prise en compte du redimensionnement<\/li>\n<li>Fonction de callback de plusieurs \u00e9v\u00e9nements bien pratiques<\/li>\n<li>Relativement l\u00e9ger (23 ko minifi\u00e9 de JS + 5 ko de CSS)<\/li>\n<\/ul>\n<p style=\"text-align: center;\"><a class=\"demo\" href=\"http:\/\/www.owlgraphic.com\/owlcarousel\/\">D\u00e9couvrez Owl Carousel<\/a><\/p>\n<p>J&rsquo;esp\u00e8re que cette petite s\u00e9lection de <strong>diaporama compatible <em>touch<\/em><\/strong> vous sera utile. N&rsquo;h\u00e9sitez pas si vous avez des retours \u00e0 faire sur leur utilisation.<\/p>\n<p>Merci \u00e0 vous !<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Apr\u00e8s vous avoir propos\u00e9 cette s\u00e9lection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd&rsquo;hui vient compl\u00e9ter un nouveau besoin r\u00e9el : le responsive et la prise en charge des actions au touch. Je vais vous pr\u00e9senter 3 outils qui se ressemblent et qui proposent tous leurs particularit\u00e9s.<\/p>\n","protected":false},"author":4,"featured_media":5028,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"_bluesky_dont_syndicate":"","_bluesky_syndication_accounts":"","_bluesky_syndication_text":"","footnotes":""},"categories":[610,50],"tags":[461,125,52,403,113,608,609],"coauthors":[597],"class_list":["post-4422","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","category-ressources-telechargements","tag-carrousel","tag-javascript","tag-jquery","tag-responsive","tag-slideshow","tag-swipe","tag-touch"],"acf":[],"aioseo_notices":[],"aioseo_head":"\n\t\t<!-- All in One SEO 4.9.9 - aioseo.com -->\n\t<meta name=\"description\" content=\"Apr\u00e8s vous avoir propos\u00e9 cette s\u00e9lection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd&#039;hui vient compl\u00e9ter un nouveau besoin r\u00e9el : le responsive et la prise en charge des actions au touch. Je vais vous pr\u00e9senter 3 outils qui se ressemblent et qui proposent tous leurs particularit\u00e9s. C&#039;est devenu\" \/>\n\t<meta name=\"robots\" content=\"max-image-preview:large\" \/>\n\t<meta name=\"author\" content=\"Geoffrey Crofte\"\/>\n\t<meta name=\"keywords\" content=\"carrousel,javascript,jquery,responsive,slideshow,swipe,touch,javascript \/ jquery,ressources &amp; outils\" \/>\n\t<link rel=\"canonical\" href=\"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe\" \/>\n\t<meta name=\"generator\" content=\"All in One SEO (AIOSEO) 4.9.9\" \/>\n\t\t<script type=\"application\/ld+json\" class=\"aioseo-schema\">\n\t\t\t{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#article\",\"name\":\"Plugins et scripts JS pour des slideshows responsive\",\"headline\":\"Plugins et scripts JS pour des slideshows responsive\",\"author\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/auteur\\\/geoffrey#author\"},\"publisher\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/#person\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/slideshow-touch-responsive.png\",\"width\":100,\"height\":100},\"datePublished\":\"2015-05-24T18:50:49+02:00\",\"dateModified\":\"2015-05-25T13:35:45+02:00\",\"inLanguage\":\"fr-FR\",\"commentCount\":9,\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#webpage\"},\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#webpage\"},\"articleSection\":\"JavaScript \\\/ jQuery, Ressources &amp; Outils, carrousel, javascript, jQuery, responsive, slideshow, swipe, touch, CreativeJuiz\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#breadcrumblist\",\"itemListElement\":[{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog#listItem\",\"position\":1,\"name\":\"Accueil\",\"item\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/theme\\\/ressources-telechargements#listItem\",\"name\":\"Ressources &amp; Outils\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/theme\\\/ressources-telechargements#listItem\",\"position\":2,\"name\":\"Ressources &amp; Outils\",\"item\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/theme\\\/ressources-telechargements\",\"nextItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#listItem\",\"name\":\"Plugins et scripts JS pour des slideshows responsive\"},\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog#listItem\",\"name\":\"Accueil\"}},{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#listItem\",\"position\":3,\"name\":\"Plugins et scripts JS pour des slideshows responsive\",\"previousItem\":{\"@type\":\"ListItem\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/theme\\\/ressources-telechargements#listItem\",\"name\":\"Ressources &amp; Outils\"}}]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/#person\",\"name\":\"Geoffrey Crofte\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#personImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9e2509009badcdf656faf5019ef0f567c4dd4e6e49beca151c21d23995db473?s=96&d=monsterid&r=g\",\"width\":96,\"height\":96,\"caption\":\"Geoffrey Crofte\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/auteur\\\/geoffrey#author\",\"url\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/auteur\\\/geoffrey\",\"name\":\"Geoffrey Crofte\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#authorImage\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/c9e2509009badcdf656faf5019ef0f567c4dd4e6e49beca151c21d23995db473?s=96&d=monsterid&r=g\",\"width\":96,\"height\":96,\"caption\":\"Geoffrey Crofte\"}},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#webpage\",\"url\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe\",\"name\":\"Plugins et scripts JS pour des slideshows responsive\",\"description\":\"Apr\\u00e8s vous avoir propos\\u00e9 cette s\\u00e9lection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd'hui vient compl\\u00e9ter un nouveau besoin r\\u00e9el : le responsive et la prise en charge des actions au touch. Je vais vous pr\\u00e9senter 3 outils qui se ressemblent et qui proposent tous leurs particularit\\u00e9s. C'est devenu\",\"inLanguage\":\"fr-FR\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/#website\"},\"breadcrumb\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#breadcrumblist\"},\"author\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/auteur\\\/geoffrey#author\"},\"creator\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/auteur\\\/geoffrey#author\"},\"image\":{\"@type\":\"ImageObject\",\"url\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/wp-content\\\/uploads\\\/2015\\\/05\\\/slideshow-touch-responsive.png\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe\\\/#mainImage\",\"width\":100,\"height\":100},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/ressources-telechargements\\\/plugins-scripts-js-slideshows-responsive-touch-swipe#mainImage\"},\"datePublished\":\"2015-05-24T18:50:49+02:00\",\"dateModified\":\"2015-05-25T13:35:45+02:00\"},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/#website\",\"url\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/\",\"name\":\"Creative Juiz\",\"description\":\"HTML5, CSS3, JavaScript, WordPress Tutorials\",\"inLanguage\":\"fr-FR\",\"publisher\":{\"@id\":\"https:\\\/\\\/www.creativejuiz.fr\\\/blog\\\/#person\"}}]}\n\t\t<\/script>\n\t\t<!-- All in One SEO -->\n\n","aioseo_head_json":{"title":"Plugins et scripts JS pour des slideshows responsive","description":"Apr\u00e8s vous avoir propos\u00e9 cette s\u00e9lection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd'hui vient compl\u00e9ter un nouveau besoin r\u00e9el : le responsive et la prise en charge des actions au touch. Je vais vous pr\u00e9senter 3 outils qui se ressemblent et qui proposent tous leurs particularit\u00e9s. C'est devenu","canonical_url":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe","robots":"max-image-preview:large","keywords":"carrousel,javascript,jquery,responsive,slideshow,swipe,touch,javascript \/ jquery,ressources &amp; outils","webmasterTools":{"miscellaneous":""},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#article","name":"Plugins et scripts JS pour des slideshows responsive","headline":"Plugins et scripts JS pour des slideshows responsive","author":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/auteur\/geoffrey#author"},"publisher":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/#person"},"image":{"@type":"ImageObject","url":"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2015\/05\/slideshow-touch-responsive.png","width":100,"height":100},"datePublished":"2015-05-24T18:50:49+02:00","dateModified":"2015-05-25T13:35:45+02:00","inLanguage":"fr-FR","commentCount":9,"mainEntityOfPage":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#webpage"},"isPartOf":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#webpage"},"articleSection":"JavaScript \/ jQuery, Ressources &amp; Outils, carrousel, javascript, jQuery, responsive, slideshow, swipe, touch, CreativeJuiz"},{"@type":"BreadcrumbList","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#breadcrumblist","itemListElement":[{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog#listItem","position":1,"name":"Accueil","item":"https:\/\/www.creativejuiz.fr\/blog","nextItem":{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog\/theme\/ressources-telechargements#listItem","name":"Ressources &amp; Outils"}},{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog\/theme\/ressources-telechargements#listItem","position":2,"name":"Ressources &amp; Outils","item":"https:\/\/www.creativejuiz.fr\/blog\/theme\/ressources-telechargements","nextItem":{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#listItem","name":"Plugins et scripts JS pour des slideshows responsive"},"previousItem":{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog#listItem","name":"Accueil"}},{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#listItem","position":3,"name":"Plugins et scripts JS pour des slideshows responsive","previousItem":{"@type":"ListItem","@id":"https:\/\/www.creativejuiz.fr\/blog\/theme\/ressources-telechargements#listItem","name":"Ressources &amp; Outils"}}]},{"@type":"Person","@id":"https:\/\/www.creativejuiz.fr\/blog\/#person","name":"Geoffrey Crofte","image":{"@type":"ImageObject","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#personImage","url":"https:\/\/secure.gravatar.com\/avatar\/c9e2509009badcdf656faf5019ef0f567c4dd4e6e49beca151c21d23995db473?s=96&d=monsterid&r=g","width":96,"height":96,"caption":"Geoffrey Crofte"}},{"@type":"Person","@id":"https:\/\/www.creativejuiz.fr\/blog\/auteur\/geoffrey#author","url":"https:\/\/www.creativejuiz.fr\/blog\/auteur\/geoffrey","name":"Geoffrey Crofte","image":{"@type":"ImageObject","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#authorImage","url":"https:\/\/secure.gravatar.com\/avatar\/c9e2509009badcdf656faf5019ef0f567c4dd4e6e49beca151c21d23995db473?s=96&d=monsterid&r=g","width":96,"height":96,"caption":"Geoffrey Crofte"}},{"@type":"WebPage","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#webpage","url":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe","name":"Plugins et scripts JS pour des slideshows responsive","description":"Apr\u00e8s vous avoir propos\u00e9 cette s\u00e9lection de slideshow il y a maintenant deux ans, celle que je vous propose aujourd'hui vient compl\u00e9ter un nouveau besoin r\u00e9el : le responsive et la prise en charge des actions au touch. Je vais vous pr\u00e9senter 3 outils qui se ressemblent et qui proposent tous leurs particularit\u00e9s. C'est devenu","inLanguage":"fr-FR","isPartOf":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/#website"},"breadcrumb":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#breadcrumblist"},"author":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/auteur\/geoffrey#author"},"creator":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/auteur\/geoffrey#author"},"image":{"@type":"ImageObject","url":"https:\/\/www.creativejuiz.fr\/blog\/wp-content\/uploads\/2015\/05\/slideshow-touch-responsive.png","@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe\/#mainImage","width":100,"height":100},"primaryImageOfPage":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/ressources-telechargements\/plugins-scripts-js-slideshows-responsive-touch-swipe#mainImage"},"datePublished":"2015-05-24T18:50:49+02:00","dateModified":"2015-05-25T13:35:45+02:00"},{"@type":"WebSite","@id":"https:\/\/www.creativejuiz.fr\/blog\/#website","url":"https:\/\/www.creativejuiz.fr\/blog\/","name":"Creative Juiz","description":"HTML5, CSS3, JavaScript, WordPress Tutorials","inLanguage":"fr-FR","publisher":{"@id":"https:\/\/www.creativejuiz.fr\/blog\/#person"}}]}},"aioseo_meta_data":{"post_id":"4422","title":null,"description":null,"keywords":null,"keyphrases":null,"primary_term":null,"canonical_url":null,"og_title":null,"og_description":null,"og_object_type":"default","og_image_type":"default","og_image_url":null,"og_image_width":null,"og_image_height":null,"og_image_custom_url":null,"og_image_custom_fields":null,"og_video":null,"og_custom_url":null,"og_article_section":null,"og_article_tags":null,"twitter_use_og":false,"twitter_card":"default","twitter_image_type":"default","twitter_image_url":null,"twitter_image_custom_url":null,"twitter_image_custom_fields":null,"twitter_title":null,"twitter_description":null,"schema":{"blockGraphs":[],"customGraphs":[],"default":{"data":{"Article":[],"Course":[],"Dataset":[],"FAQPage":[],"Movie":[],"Person":[],"Product":[],"ProductReview":[],"Car":[],"Recipe":[],"Service":[],"SoftwareApplication":[],"WebPage":[]},"graphName":"","isEnabled":true},"graphs":[],"defaultGraph":"","defaultPostTypeGraph":""},"schema_type":null,"schema_type_options":null,"pillar_content":false,"robots_default":true,"robots_noindex":false,"robots_noarchive":false,"robots_nosnippet":false,"robots_nofollow":false,"robots_noimageindex":false,"robots_noodp":false,"robots_notranslate":false,"robots_max_snippet":null,"robots_max_videopreview":null,"robots_max_imagepreview":"large","priority":null,"frequency":null,"location":null,"local_seo":null,"breadcrumb_settings":null,"limit_modified_date":false,"ai":null,"created":"2020-12-21 17:18:00","updated":"2025-07-09 23:43:47","seo_analyzer_scan_date":null},"_links":{"self":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4422","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/users\/4"}],"replies":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/comments?post=4422"}],"version-history":[{"count":0,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/posts\/4422\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media\/5028"}],"wp:attachment":[{"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/media?parent=4422"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/categories?post=4422"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/tags?post=4422"},{"taxonomy":"author","embeddable":true,"href":"https:\/\/www.creativejuiz.fr\/blog\/wp-json\/wp\/v2\/coauthors?post=4422"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}