{"id":1710,"date":"2020-05-26T00:48:02","date_gmt":"2020-05-26T00:48:02","guid":{"rendered":"https:\/\/www.templatemonster.com\/fr\/blog\/?p=1710"},"modified":"2020-05-26T12:36:35","modified_gmt":"2020-05-26T12:36:35","slug":"creer-galerie-photos-site-html5-jquery-css3","status":"publish","type":"post","link":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/","title":{"rendered":"Galerie de photos pour votre site Web HTML5 &#8211; Tutoriels jQuery et CSS3"},"content":{"rendered":"<ul>\n<li><a href=\"#title1\">Introduction<\/a><\/li>\n<li><a href=\"#title2\">11 tutoriels pour cr\u00e9er une galerie de photos pour votre site Web HTML5<\/a><\/li>\n<\/ul>\n<h2>Introduction<\/h2>\n<p>Parfois, nous voulons construire quelque chose de plus qu'un simple site Web. Par exemple, cr\u00e9ez un jeu multiplate-forme sans utiliser la technologie Flash. Ou une pr\u00e9sentation avec des transitions et des effets \u00e9tonnants sans programmes tiers tels que Microsoft PowerPoint, Open Office Impress, etc. Le format HTML5 vous aidera dans ce cas!<\/p>\n<p>Je suis s\u00fbr que vous connaissez HTML5 comme une plate-forme enti\u00e8rement nouvelle vous permettant de concevoir non seulement des sites Web, mais \u00e9galement des applications Web assez puissantes. HTML5 a \u00e9t\u00e9 largement adopt\u00e9 par les d\u00e9veloppeurs Web et est devenu une tendance en raison de ses fonctions et de ses utilitaires. Les concepteurs peuvent d\u00e9sormais compter sur de nombreuses possibilit\u00e9s int\u00e9ressantes pour leurs pages Web.<\/p>\n<p>S'il est important de se concentrer sur la cr\u00e9ation d'un contenu efficace, l'aspect visuel du site Web ne doit jamais \u00eatre n\u00e9glig\u00e9. Les graphiques, les galeries de photos et les images sont des \u00e9l\u00e9ments essentiels de tout site Web, qu\u2019ils servent \u00e0 illustrer un texte, \u00e0 cr\u00e9er un lien personnel ou \u00e9motionnel avec l\u2019utilisateur, ou \u00e0 visualiser les d\u00e9tails d\u2019un produit.<\/p>\n<p>Les galeries sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps. Nous vous pr\u00e9senterons aujourd'hui une liste de ressources importantes pour la cr\u00e9ation et la gestion de galeries de photos sur vos tout nouveaux sites Web HTML5.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<p>Ce qui est \u00e9galement important ici, c\u2019est que tous ces tutoriels pour cr\u00e9ation de <strong>galerie de photos html5<\/strong> int\u00e8grent certainement la partie CSS, qui est g\u00e9n\u00e9ralement r\u00e9alis\u00e9e avec le dernier CSS3 et qui reprendra l\u2019aspect visuel de la page Web. Assurez-vous que la construction d'une galerie \u00e9l\u00e9gante et fonctionnelle deviendra beaucoup plus facile que vous ne le pensez et vous ne devrez utiliser aucun plugin compliqu\u00e9 ni aucun composant Flash. Cet article comprend des didacticiels essentiels pour les galeries de photos de nombreux styles afin qu'elles s'adaptent parfaitement \u00e0 vos sites et fonctionnent parfaitement.<\/p>\n<h2>11 tutoriels pour cr\u00e9er une galerie de photos pour votre site Web HTML5 <\/h2>\n<h3>Faire un diaporama en mosa\u00efque avec jQuery &amp; CSS<\/h3>\n<figure class=\"wp-block-image\"><a href=\"https:\/\/tutorialzine.com\/2010\/03\/mosaic-slideshow-jquery-css\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2018\/03\/mosaic-slideshow-jquery-css.jpg?x54449\" alt=\"Making a Mosaic Slideshow With jQuery &amp; CSS\" class=\"wp-image-149022\" \/><\/a><\/figure>\n<p>Lors de la conception d'une page de produit, il est souvent n\u00e9cessaire de pr\u00e9senter plusieurs images \u00e0 la suite, ce qu'on appelle aussi un diaporama. Avec l'essor de la biblioth\u00e8que jQuery et de ses nombreux plugins, il existe une abondance de solutions toutes faites qui r\u00e9pondent \u00e0 ce probl\u00e8me. Cependant, pour faire une impression durable \u00e0 vos visiteurs, vous devez leur pr\u00e9senter <a href=\"https:\/\/tutorialzine.com\/2010\/03\/mosaic-slideshow-jquery-css\" target=\"_blank\" rel=\"nofollow\">quelque chose qu'ils n'ont jamais vu auparavant<\/a>.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Codage d'un diaporama d'images rotatives avec CSS3 et jQuery<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tutorialzine.com\/2010\/11\/rotating-slideshow-jquery-css3\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Coding-a-Rotating-Image-Slideshow-with-CSS3-and-jQuery.jpg?x54449\" alt=\"html5 photo gallery tutorial\" class=\"wp-image-10573\" \/><\/a><\/figure>\n<p>Aujourd'hui, nous allons <a href=\"https:\/\/tutorialzine.com\/2010\/11\/rotating-slideshow-jquery-css3\" target=\"_blank\" rel=\"nofollow\">utiliser les rotations jQuery et CSS3<\/a>, ainsi que le plugin Rotation jQuery, pour cr\u00e9er un beau diaporama. Vous pouvez l'utiliser pour pimenter vos sites Web, pages de produits et autres projets avec un peu de magie CSS3.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Une galerie CSS3 Lightbox impressionnante avec jQuery<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tutorialzine.com\/2009\/11\/hovering-gallery-css3-jquery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/An-Awesome-CSS3-Lightbox-Gallery-With-jQuery.jpg?x54449\" alt=\"css3 and jquery photo gallery tutorials\" class=\"wp-image-10568\" \/><\/a><\/figure>\n<p><a href=\"https:\/\/tutorialzine.com\/2009\/11\/hovering-gallery-css3-jquery\" target=\"_blank\" rel=\"nofollow\">Dans ce tutoriel<\/a>, nous allons cr\u00e9er une galerie d'images impressionnante qui exploite les derni\u00e8res techniques CSS3 et jQuery. Le script sera en mesure de num\u00e9riser un dossier d'images sur votre serveur Web et de cr\u00e9er une galerie lighbox compl\u00e8te par glisser-d\u00e9poser autour de celui-ci.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Un diaporama HTML5 avec Canvas et jQuery<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tutorialzine.com\/2010\/09\/html5-canvas-slideshow-jquery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/An-HTML5-Slideshow-with-Canvas-jQuery.jpg?x54449\" alt=\"jquery image gallery tutorial\" class=\"wp-image-10569\" \/><\/a><\/figure>\n<p>Vous avez probablement beaucoup entendu parler du nouvel \u00e9l\u00e9ment de <a href=\"https:\/\/tutorialzine.com\/2010\/09\/html5-canvas-slideshow-jquery\" target=\"_blank\" rel=\"nofollow\">toile HTML5<\/a>. Comme son nom l'indique, il s'agit d'un \u00e9l\u00e9ment sp\u00e9cial qui nous permet de cr\u00e9er et de modifier des graphiques. De plus, nous pouvons \u00e9galement l'utiliser comme n'importe quel autre \u00e9l\u00e9ment de la page - appliquez-y des animations jQuery, \u00e9coutez les \u00e9v\u00e9nements et int\u00e9grez-les profond\u00e9ment dans nos mises en page.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Navigation dans la galerie de miniatures avec jQuery<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tympanus.net\/codrops\/2010\/07\/29\/thumbnails-navigation-gallery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Thumbnails-Navigation-Gallery-with-jQuery.jpg?x54449\" alt=\"css photo gallery tutorial\" class=\"wp-image-10582\" \/><\/a><\/figure>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/07\/29\/thumbnails-navigation-gallery\/\" target=\"_blank\" rel=\"nofollow\">Dans ce tutoriel<\/a>, nous allons cr\u00e9er une galerie extraordinaire avec des miniatures d\u00e9roulantes qui glissent hors d'une navigation. Nous allons utiliser jQuery et quelques propri\u00e9t\u00e9s CSS3 pour le style. L'id\u00e9e principale est d'avoir un menu d'albums o\u00f9 chaque \u00e9l\u00e9ment r\u00e9v\u00e9lera une barre horizontale avec des vignettes lorsque vous cliquez dessus.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Comment cr\u00e9er une galerie de photos Polaroid Pure CSS<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/line25.com\/tutorials\/how-to-create-a-pure-css-polaroid-photo-gallery\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/How-to-Create-a-Pure-CSS-Polaroid-Photo-Gallery.jpg?x54449\" alt=\"css3 photo gallery tutorials\" class=\"wp-image-10564\" \/><\/a><\/figure>\n<p>Des choses magiques peuvent<a href=\"https:\/\/line25.com\/tutorials\/how-to-create-a-pure-css-polaroid-photo-gallery\" target=\"_blank\" rel=\"nofollow\"> \u00eatre r\u00e9alis\u00e9es<\/a> en combinant diverses propri\u00e9t\u00e9s CSS, en particulier lorsque certaines des nouvelles astuces CSS3 sont int\u00e9gr\u00e9es au m\u00e9lange. Vous voulez construire une pile de photos Polaroid avec un style CSS pur ? Dans ce tutoriel, vous apprendrez comment cr\u00e9er une galerie de photos Polaroid en CSS.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Galerie d'images en pleine page avec jQuery<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tympanus.net\/codrops\/2010\/09\/08\/full-page-image-gallery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Full-Page-Image-Gallery-with-jQuery.jpg?x54449\" alt=\"photo gallery tutorials\" class=\"wp-image-10585\" \/><\/a><\/figure>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/09\/08\/full-page-image-gallery\/\" target=\"_blank\" rel=\"nofollow\">Dans ce tutoriel<\/a>, nous allons cr\u00e9er une superbe galerie pleine page avec des vignettes d\u00e9filantes et un aper\u00e7u plein \u00e9cran d\u00e9filant. L'id\u00e9e est d'avoir une barre de miniatures en bas de la page qui d\u00e9file automatiquement lorsque l'utilisateur d\u00e9place la souris. Lorsqu'une vignette est cliqu\u00e9e, elle se d\u00e9place au centre de la page et l'image plein \u00e9cran est charg\u00e9e en arri\u00e8re-plan. Maintenant, l'utilisateur peut se d\u00e9placer de haut en bas et l'image d\u00e9filera automatiquement, lui donnant la possibilit\u00e9 de voir toute l'image.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Belle galerie de photos avec jQuery et CSS3<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tympanus.net\/codrops\/2010\/06\/27\/beautiful-photo-stack-gallery-with-jquery-and-css3\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Beautiful-Photo-Stack-Gallery-with-jQuery-and-CSS3.jpg?x54449\" alt=\"jguery and css3 photo gallery tutorials\" class=\"wp-image-10565\" \/><\/a><\/figure>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/06\/27\/beautiful-photo-stack-gallery-with-jquery-and-css3\/\" target=\"_blank\" rel=\"nofollow\">Dans ce tutoriel,<\/a> nous allons cr\u00e9er une galerie d'images agr\u00e9able et fra\u00eeche. L'id\u00e9e est de montrer les albums sous forme de curseur, et lorsqu'un album est choisi, nous montrons les images de cet album comme une belle pile de photos. Dans la vue de la pile de photos, nous pouvons parcourir les images en pla\u00e7ant l'image la plus haute derri\u00e8re toute la pile avec une animation fluide.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Galerie d'images en bubles avec jQuery<\/h3>\n<figure class=\"wp-block-image\"><a href=\"http:\/\/tympanus.net\/codrops\/2010\/12\/10\/bubbleriffic-image-gallery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Bubbleriffic-Image-Gallery-with-jQuery.jpg?x54449\" alt=\"jguery photo gallery tutorials\" class=\"wp-image-10584\" \/><\/a><\/figure>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/12\/10\/bubbleriffic-image-gallery\/\" target=\"_blank\" rel=\"nofollow\">Dans ce tutoriel<\/a>, nous allons cr\u00e9er une galerie d'images \u00e0 bulles qui montre vos images d'une mani\u00e8re unique. L'id\u00e9e est de montrer les vignettes des albums de mani\u00e8re arrondie, ce qui permet \u00e0 l'utilisateur de les faire d\u00e9filer automatiquement en d\u00e9pla\u00e7ant la souris. En cliquant sur une vignette, l'utilisateur peut zoomer sur un grand cercle et sur l'image compl\u00e8te qui sera automatiquement redimensionn\u00e9e pour s'adapter \u00e0 l'\u00e9cran. La navigation dans les images fera glisser l'image actuelle sur le c\u00f4t\u00e9 et fera appara\u00eetre la nouvelle image en zoomant.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Polaroids avec CSS3<\/h3>\n<h2>\n<figure><a rel=\"nofollow noopener noreferrer\" href=\"http:\/\/zurb.com\/playground\/css3-polaroids\" target=\"_blank\"><img decoding=\"async\" loading=\"lazy\" class=\"aligncenter size-full wp-image-65546\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/polaroid-images.jpg?x54449\" alt=\"polaroid-images\" width=\"670\" height=\"364\" data-lazy-loaded=\"true\"><\/a><\/figure>\n<\/h2>\n<p><a href=\"https:\/\/zurb.com\/playground\/css3-polaroids\" target=\"_blank\" rel=\"nofollow\">Dans cette aventure<\/a> de terrain de jeu, nous utilisons des CSS2 et CSS3 g\u00e9niaux pour transformer une liste d'images autrement modestes en un ensemble complet d'images polaroid.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h3>Diaporama minimaliste avec jQuery<\/h3>\n<div class=\"wp-block-image\">\n<figure class=\"aligncenter\"><a href=\"http:\/\/tympanus.net\/codrops\/2010\/07\/05\/minimalistic-slideshow-gallery\/\" target=\"_blank\" rel=\"nofollow noopener noreferrer\"><img decoding=\"async\" src=\"https:\/\/s.tmimgcdn.com\/blog\/wp-content\/uploads\/2011\/04\/Minimalistic-Slideshow-Gallery-with-jQuery1.jpg?x54449\" alt=\"photo gallery tutorials\" class=\"wp-image-10593\" \/><\/a><\/figure>\n<\/div>\n<p><a href=\"http:\/\/tympanus.net\/codrops\/2010\/07\/05\/minimalistic-slideshow-gallery\/\" target=\"_blank\" rel=\"nofollow\">Dans le tutoriel<\/a> d'aujourd'hui, nous allons cr\u00e9er une belle et simple galerie de diaporamas qui peut \u00eatre facilement int\u00e9gr\u00e9e \u00e0 votre site web. L'id\u00e9e est d'avoir un conteneur avec notre diaporama et les options pour visualiser une grille de vignettes, mettre le diaporama en pause et naviguer parmi les images. La grille de vignettes coulissera du haut et permettra \u00e0 l'utilisateur de naviguer \u00e0 travers un ensemble de vignettes.<\/p>\n<hr class=\"wp-block-separator\" \/>\n<h2>Articles \u00e0 lire<\/h2>\n<p><a title=\"Comment construire un menu de navigation coulissant avec CSS &amp; jQuery\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/comment-construire-un-menu-de-navigation-coulissant-avec-css-jquery\/\" target=\"_blank\">Comment construire un menu de navigation coulissant avec CSS &amp; jQuery<\/a><\/p>\n<p><a title=\"Ninjas de d\u00e9veloppement Web: plus de 30 jeux de mots-cl\u00e9s CSS\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/ninjas-de-developpement-web-plus-de-30-jeux-de-mots-cles-css\/\" target=\"_blank\">Ninjas de d\u00e9veloppement Web: plus de 30 jeux de mots-cl\u00e9s CSS<\/a><\/p>\n<p><a title=\"Cr\u00e9ation d\u2019un bouton Back to Top avec CSS et jQuery\" rel=\"\" href=\"https:\/\/www.templatemonster.com\/blog\/fr\/creation-dun-bouton-back-to-top-avec-css-et-jquery\/\" target=\"_blank\">Cr\u00e9ation d\u2019un bouton Back to Top avec CSS et jQuery<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Introduction 11 tutoriels pour cr\u00e9er une galerie de photos pour votre site Web HTML5 Introduction Parfois, nous voulons construire quelque chose de plus qu'un simple site Web. Par exemple, cr\u00e9ez un jeu multiplate-forme sans utiliser la technologie Flash. Ou une pr\u00e9sentation avec des transitions et des effets \u00e9tonnants sans programmes tiers tels que Microsoft PowerPoint, [&hellip;]<\/p>\n","protected":false},"author":1672325,"featured_media":1711,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":[],"categories":[29,25],"tags":[53,54],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v19.11 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Cr\u00e9er une galerie de photos pour site Web HTML5 avec jQuery et CSS3<\/title>\n<meta name=\"description\" content=\"Les galeries photos sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Cr\u00e9er une galerie de photos pour site Web HTML5 avec jQuery et CSS3\" \/>\n<meta property=\"og:description\" content=\"Les galeries photos sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\" \/>\n<meta property=\"og:site_name\" content=\"TemplateMonster Blog France\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\" \/>\n<meta property=\"article:published_time\" content=\"2020-05-26T00:48:02+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2020-05-26T12:36:35+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/02\/featured_image.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"900\" \/>\n\t<meta property=\"og:image:height\" content=\"538\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Claire\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@TM_France\" \/>\n<meta name=\"twitter:site\" content=\"@TM_France\" \/>\n<meta name=\"twitter:label1\" content=\"\u00c9crit par\" \/>\n\t<meta name=\"twitter:data1\" content=\"Claire\" \/>\n\t<meta name=\"twitter:label2\" content=\"Dur\u00e9e de lecture estim\u00e9e\" \/>\n\t<meta name=\"twitter:data2\" content=\"6 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\"},\"author\":{\"name\":\"Claire\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\"},\"headline\":\"Galerie de photos pour votre site Web HTML5 &#8211; Tutoriels jQuery et CSS3\",\"datePublished\":\"2020-05-26T00:48:02+00:00\",\"dateModified\":\"2020-05-26T12:36:35+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\"},\"wordCount\":1214,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"keywords\":[\"CSS3\",\"HTML5\"],\"articleSection\":[\"D\u00e9veloppement Web\",\"Tutoriels\"],\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\",\"name\":\"Cr\u00e9er une galerie de photos pour site Web HTML5 avec jQuery et CSS3\",\"isPartOf\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\"},\"datePublished\":\"2020-05-26T00:48:02+00:00\",\"dateModified\":\"2020-05-26T12:36:35+00:00\",\"description\":\"Les galeries photos sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps.\",\"breadcrumb\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/monsterspost.com\/fr\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Galerie de photos pour votre site Web HTML5 &#8211; Tutoriels jQuery et CSS3\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#website\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"name\":\"TemplateMonster Blog France\",\"description\":\"Just another MonsterPost Sites site\",\"publisher\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/monsterspost.com\/fr\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"fr-FR\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#organization\",\"name\":\"MonsterPost France\",\"url\":\"https:\/\/monsterspost.com\/fr\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"contentUrl\":\"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png\",\"width\":180,\"height\":180,\"caption\":\"MonsterPost France\"},\"image\":{\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.instagram.com\/template_monster\/\",\"https:\/\/www.pinterest.com\/templatemonster\/\",\"https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/\",\"https:\/\/www.facebook.com\/TemplateMonsterFrance\/\",\"https:\/\/twitter.com\/TM_France\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c\",\"name\":\"Claire\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g\",\"caption\":\"Claire\"},\"description\":\"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.\",\"url\":\"https:\/\/monsterspost.com\/fr\/author\/claire\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Cr\u00e9er une galerie de photos pour site Web HTML5 avec jQuery et CSS3","description":"Les galeries photos sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/","og_locale":"fr_FR","og_type":"article","og_title":"Cr\u00e9er une galerie de photos pour site Web HTML5 avec jQuery et CSS3","og_description":"Les galeries photos sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps.","og_url":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/","og_site_name":"TemplateMonster Blog France","article_publisher":"https:\/\/www.facebook.com\/TemplateMonsterFrance\/","article_published_time":"2020-05-26T00:48:02+00:00","article_modified_time":"2020-05-26T12:36:35+00:00","og_image":[{"width":900,"height":538,"url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2019\/02\/featured_image.jpg","type":"image\/jpeg"}],"author":"Claire","twitter_card":"summary_large_image","twitter_creator":"@TM_France","twitter_site":"@TM_France","twitter_misc":{"\u00c9crit par":"Claire","Dur\u00e9e de lecture estim\u00e9e":"6 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#article","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/"},"author":{"name":"Claire","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c"},"headline":"Galerie de photos pour votre site Web HTML5 &#8211; Tutoriels jQuery et CSS3","datePublished":"2020-05-26T00:48:02+00:00","dateModified":"2020-05-26T12:36:35+00:00","mainEntityOfPage":{"@id":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/"},"wordCount":1214,"commentCount":0,"publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"keywords":["CSS3","HTML5"],"articleSection":["D\u00e9veloppement Web","Tutoriels"],"inLanguage":"fr-FR","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/","url":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/","name":"Cr\u00e9er une galerie de photos pour site Web HTML5 avec jQuery et CSS3","isPartOf":{"@id":"https:\/\/monsterspost.com\/fr\/#website"},"datePublished":"2020-05-26T00:48:02+00:00","dateModified":"2020-05-26T12:36:35+00:00","description":"Les galeries photos sont un moyen populaire d\u2019int\u00e9grer des images dans un site Web, permettant aux utilisateurs de voir plusieurs images en m\u00eame temps.","breadcrumb":{"@id":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/monsterspost.com\/fr\/creer-galerie-photos-site-html5-jquery-css3\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/monsterspost.com\/fr\/"},{"@type":"ListItem","position":2,"name":"Galerie de photos pour votre site Web HTML5 &#8211; Tutoriels jQuery et CSS3"}]},{"@type":"WebSite","@id":"https:\/\/monsterspost.com\/fr\/#website","url":"https:\/\/monsterspost.com\/fr\/","name":"TemplateMonster Blog France","description":"Just another MonsterPost Sites site","publisher":{"@id":"https:\/\/monsterspost.com\/fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/monsterspost.com\/fr\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/monsterspost.com\/fr\/#organization","name":"MonsterPost France","url":"https:\/\/monsterspost.com\/fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/","url":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","contentUrl":"https:\/\/monsterspost.com\/fr\/wp-content\/uploads\/sites\/9\/2020\/03\/Logo-TM.png","width":180,"height":180,"caption":"MonsterPost France"},"image":{"@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.instagram.com\/template_monster\/","https:\/\/www.pinterest.com\/templatemonster\/","https:\/\/www.youtube.com\/user\/TemplateMonsterCo\/","https:\/\/www.facebook.com\/TemplateMonsterFrance\/","https:\/\/twitter.com\/TM_France"]},{"@type":"Person","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/4884946d097972046d54ec3b5524621c","name":"Claire","image":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/monsterspost.com\/fr\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/db0976148c5793ad6317a44bd5f93582?s=96&d=https%3A%2F%2Fwww.templatemonster.com%2Fblog%2Fwp-content%2Fthemes%2Fredesign%2Fimages%2Fdefault_avatar.jpg&r=g","caption":"Claire"},"description":"Claire est une \u00e9crivaine talentueuse et curieuse. Sa principale priorit\u00e9 est de transmettre en termes simples des informations difficiles. Elle adore le monde de la conception Web et partage des trucs sympas sur sa page Facebook. Elle s'int\u00e9resse \u00e9galement activement \u00e0 la litt\u00e9rature, aux traductions et communique avec plaisir avec les abonn\u00e9s en ligne.","url":"https:\/\/monsterspost.com\/fr\/author\/claire\/"}]}},"amp_enabled":true,"_links":{"self":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1710"}],"collection":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/users\/1672325"}],"replies":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/comments?post=1710"}],"version-history":[{"count":3,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1710\/revisions"}],"predecessor-version":[{"id":4357,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/posts\/1710\/revisions\/4357"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media\/1711"}],"wp:attachment":[{"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/media?parent=1710"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/categories?post=1710"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/monsterspost.com\/fr\/wp-json\/wp\/v2\/tags?post=1710"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}