{"id":14391,"date":"2026-09-30T13:23:43","date_gmt":"2026-09-30T13:23:43","guid":{"rendered":"https:\/\/techhub.ireti.cloud\/docs\/ireti-arrowflow-studios\/studio-drive\/le-bouton-photo-suivante\/"},"modified":"2026-09-30T13:53:39","modified_gmt":"2026-09-30T13:53:39","slug":"le-bouton-photo-suivante","status":"publish","type":"docs","link":"https:\/\/techhub.ireti.cloud\/fr\/docs\/ireti-arrowflow-studios\/studio-drive\/le-bouton-photo-suivante\/","title":{"rendered":"Le bouton Photo suivante"},"content":{"rendered":"\n<div class=\"wp-block-group is-layout-constrained wp-block-group-is-layout-constrained\">\n<p class=\"wp-block-paragraph\">Cette fonctionnalit\u00e9 am\u00e9liore l&rsquo;exp\u00e9rience de visualisation en offrant une navigation fluide entre les images stock\u00e9es dans les galeries et le Studio Drive.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Pr\u00e9sentation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le bouton <strong>Photo suivante<\/strong> permet \u00e0 l&rsquo;utilisateur de parcourir les images d&rsquo;une galerie sans revenir \u00e0 la liste des fichiers ou \u00e0 la vue miniature.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Cette fonctionnalit\u00e9 est disponible dans la visionneuse plein \u00e9cran lorsqu&rsquo;une image est ouverte depuis une galerie ou depuis le Studio Drive.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Localisation<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le bouton est situ\u00e9 :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>\u00c0 droite de l&rsquo;\u00e9cran.<\/li>\n\n\n\n<li>Au milieu de la zone de visualisation.<\/li>\n\n\n\n<li>Sous la forme d&rsquo;une fl\u00e8che orient\u00e9e vers la droite (<strong>><\/strong>).<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Fonction<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le bouton permet d&rsquo;afficher la photo suivante de la galerie.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Utilisation<\/h4>\n\n\n\n<ol class=\"wp-block-list\">\n<li>Ouvrir une image dans la visionneuse.<\/li>\n\n\n\n<li>Cliquer sur la fl\u00e8che <strong>><\/strong>.<\/li>\n\n\n\n<li>La photo suivante s&rsquo;affiche automatiquement.<\/li>\n<\/ol>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Objectif<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Cette fonctionnalit\u00e9 permet de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Parcourir rapidement les images.<\/li>\n\n\n\n<li>Consulter une s\u00e9rie de photos en continu.<\/li>\n\n\n\n<li>V\u00e9rifier un ensemble de clich\u00e9s sans quitter le mode plein \u00e9cran.<\/li>\n\n\n\n<li>Contr\u00f4ler la qualit\u00e9 des photos une par une.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Comportement<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Si une photo suivante existe<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Le syst\u00e8me :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Charge la photo suivante.<\/li>\n\n\n\n<li>Met \u00e0 jour le compteur de position.<\/li>\n\n\n\n<li>Conserve le mode plein \u00e9cran.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Exemple<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#000000;--cbp-line-number-width:calc(1 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#FFFFFF\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>1 \/ 8\n\u2193\n2 \/ 8<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #000000\">1 \/ 8<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">\u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">2 \/ 8<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Si l&rsquo;utilisateur atteint la derni\u00e8re photo<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Selon la configuration de l&rsquo;application :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Le bouton peut \u00eatre d\u00e9sactiv\u00e9.<\/li>\n\n\n\n<li>Ou la navigation peut rester sur la derni\u00e8re image.<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Cas d&rsquo;utilisation<\/h3>\n\n\n\n<h4 class=\"wp-block-heading\">Consultation d&rsquo;une galerie<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Le photographe peut parcourir l&rsquo;ensemble des photos d&rsquo;un reportage.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Contr\u00f4le qualit\u00e9<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Permet de v\u00e9rifier chaque m\u00e9dia avant partage ou publication.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">S\u00e9lection d&rsquo;images<\/h4>\n\n\n\n<p class=\"wp-block-paragraph\">Facilite l&rsquo;identification des meilleures photos \u00e0 ajouter aux favoris ou \u00e0 int\u00e9grer dans un portfolio.<\/p>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h4 class=\"wp-block-heading\">Interaction avec les autres commandes<\/h4>\n\n\n\n<figure class=\"wp-block-table\"><table class=\"has-fixed-layout\"><tbody><tr><th>Action<\/th><th>Fonction<\/th><\/tr><tr><td>\u2b07 T\u00e9l\u00e9charger<\/td><td>T\u00e9l\u00e9charge l&rsquo;image affich\u00e9e<\/td><\/tr><tr><td>\u274c Fermer<\/td><td>Quitte la visionneuse<\/td><\/tr><tr><td>\u279c Photo suivante<\/td><td>Affiche l&rsquo;image suivante<\/td><\/tr><\/tbody><\/table><\/figure>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">Cycle de navigation<\/h3>\n\n\n\n<div class=\"wp-block-kevinbatdorf-code-block-pro cbp-has-line-numbers\" data-code-block-pro-font-family=\"Code-Pro-JetBrains-Mono\" style=\"font-size:.75rem;font-family:Code-Pro-JetBrains-Mono,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--cbp-line-number-color:#000000;--cbp-line-number-width:calc(2 * 0.6 * .75rem);line-height:1rem;--cbp-tab-width:2;tab-size:var(--cbp-tab-width, 2)\"><span style=\"display:block;padding:16px 0 0 16px;margin-bottom:-1px;width:100%;text-align:left;background-color:#FFFFFF\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"54\" height=\"14\" viewBox=\"0 0 54 14\"><g fill=\"none\" fill-rule=\"evenodd\" transform=\"translate(1 1)\"><circle cx=\"6\" cy=\"6\" r=\"6\" fill=\"#FF5F56\" stroke=\"#E0443E\" stroke-width=\".5\"><\/circle><circle cx=\"26\" cy=\"6\" r=\"6\" fill=\"#FFBD2E\" stroke=\"#DEA123\" stroke-width=\".5\"><\/circle><circle cx=\"46\" cy=\"6\" r=\"6\" fill=\"#27C93F\" stroke=\"#1AAB29\" stroke-width=\".5\"><\/circle><\/g><\/svg><\/span><span role=\"button\" tabindex=\"0\" style=\"color:#000000;display:none\" aria-label=\"Copy\" class=\"code-block-pro-copy-button\"><pre class=\"code-block-pro-copy-button-pre\" aria-hidden=\"true\"><textarea class=\"code-block-pro-copy-button-textarea\" tabindex=\"-1\" aria-hidden=\"true\" readonly>Ouverture d'une image\n        \u2193\nPhoto 1\/8\n        \u2193\nBouton Suivant\n        \u2193\nPhoto 2\/8\n        \u2193\nBouton Suivant\n        \u2193\nPhoto 3\/8\n        \u2193\n...\n        \u2193\nDerni\u00e8re photo<\/textarea><\/pre><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" style=\"width:24px;height:24px\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\" stroke-width=\"2\"><path class=\"with-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2m-6 9l2 2 4-4\"><\/path><path class=\"without-check\" stroke-linecap=\"round\" stroke-linejoin=\"round\" d=\"M9 5H7a2 2 0 00-2 2v12a2 2 0 002 2h10a2 2 0 002-2V7a2 2 0 00-2-2h-2M9 5a2 2 0 002 2h2a2 2 0 002-2M9 5a2 2 0 012-2h2a2 2 0 012 2\"><\/path><\/svg><\/span><pre class=\"shiki light-plus\" style=\"background-color: #FFFFFF\" tabindex=\"0\"><code><span class=\"line\"><span style=\"color: #000000\">Ouverture d&#39;une image<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">Photo 1\/8<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">Bouton Suivant<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">Photo 2\/8<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">Bouton Suivant<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">Photo 3\/8<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">...<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">        \u2193<\/span><\/span>\n<span class=\"line\"><span style=\"color: #000000\">Derni\u00e8re photo<\/span><\/span><\/code><\/pre><\/div>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h3 class=\"wp-block-heading\">R\u00e9sum\u00e9 des fonctionnalit\u00e9s<\/h3>\n\n\n\n<p class=\"wp-block-paragraph\">Le bouton <strong>Photo suivante<\/strong> permet de :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li> Parcourir les photos d&rsquo;une galerie<\/li>\n\n\n\n<li> Consulter les images en mode plein \u00e9cran<\/li>\n\n\n\n<li> Naviguer sans revenir \u00e0 la liste des fichiers<\/li>\n\n\n\n<li> Afficher automatiquement la photo suivante<\/li>\n\n\n\n<li> Faciliter le contr\u00f4le qualit\u00e9 des m\u00e9dias<\/li>\n\n\n\n<li> Acc\u00e9l\u00e9rer la consultation des galeries<\/li>\n<\/ul>\n\n\n\n<div style=\"height:20px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<figure class=\"wp-block-image aligncenter size-full\"><img decoding=\"async\" width=\"165\" height=\"473\" data-src=\"https:\/\/techhub.ireti.cloud\/wp-content\/uploads\/2026\/09\/Capture-decran-2026-09-30-135317.png\" alt=\"\" class=\"wp-image-14393 lazyload\" data-srcset=\"https:\/\/techhub.ireti.cloud\/wp-content\/uploads\/2026\/09\/Capture-decran-2026-09-30-135317.png 165w, https:\/\/techhub.ireti.cloud\/wp-content\/uploads\/2026\/09\/Capture-decran-2026-09-30-135317-105x300.png 105w\" data-sizes=\"(max-width: 165px) 100vw, 165px\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" style=\"--smush-placeholder-width: 165px; --smush-placeholder-aspect-ratio: 165\/473;\" \/><\/figure>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Cette fonctionnalit\u00e9 am\u00e9liore l&rsquo;exp\u00e9rience de visualisation en offrant une navigation fluide entre les images stock\u00e9es dans les galeries et le Studio Drive. Pr\u00e9sentation [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":14308,"menu_order":7,"template":"","doc_tag":[],"doc_badge":[],"class_list":["post-14391","docs","type-docs","status-publish","hentry"],"author_avatar":"https:\/\/secure.gravatar.com\/avatar\/64f479f88d3d63cb485afccefb55eec1f6c98d9a1cb6e792f334cee854bcdb23?s=96&d=mm&r=g","author_name":"Annick N'dri","_links":{"self":[{"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/docs\/14391","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/docs"}],"about":[{"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/types\/docs"}],"author":[{"embeddable":true,"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/users\/2"}],"version-history":[{"count":0,"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/docs\/14391\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/docs\/14308"}],"wp:attachment":[{"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/media?parent=14391"}],"wp:term":[{"taxonomy":"doc_tag","embeddable":true,"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/doc_tag?post=14391"},{"taxonomy":"doc_badge","embeddable":true,"href":"https:\/\/techhub.ireti.cloud\/fr\/wp-json\/wp\/v2\/doc_badge?post=14391"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}