Slider immagini verticali\/orizzontali<\/title>\n\n<style>\nbody {\n margin: 0;\n background: #111;\n}\n\n\/* CONTENITORE *\/\n.slider {\n position: relative;\n width: 100%;\n max-width: 1100px;\n height: 600px; \/* \u2190 puoi cambiare *\/\n margin: 50px auto;\n overflow: hidden;\n background: #000;\n}\n\n\/* SLIDES *\/\n.slides {\n display: flex;\n transition: transform 0.5s ease;\n height: 100%;\n}\n\n.slide {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n\/* IMMAGINI *\/\n.slide img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain; \/* \ud83d\udd25 fondamentale *\/\n}\n\n\/* FRECCE *\/\n.arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 42px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n background: rgba(0,0,0,0.4);\n border-radius: 50%;\n cursor: pointer;\n user-select: none;\n z-index: 10;\n}\n\n.arrow:hover {\n background: rgba(255,255,255,0.25);\n}\n\n.prev { left: 15px; }\n.next { right: 15px; }\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n .slider {\n height: 400px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-16-scaled-1.jpeg\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-83-scaled-1.jpeg\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-121-scaled-1.jpeg\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-128-scaled-1.jpeg\"><\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\nconst slides = document.querySelector('.slides');\nconst slideCount = document.querySelectorAll('.slide').length;\nlet index = 0;\n\ndocument.querySelector('.next').addEventListener('click', () => {\n index = (index + 1) % slideCount;\n slides.style.transform = `translateX(-${index * 100}%)`;\n});\n\ndocument.querySelector('.prev').addEventListener('click', () => {\n index = (index - 1 + slideCount) % slideCount;\n slides.style.transform = `translateX(-${index * 100}%)`;\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>In pi\u00f9 occasioni ho prestato servizio come primo fotografo per gli eventi di Holi Run Italia, delle giornate per famiglie in cui si corre insieme e in diverse tappe del tracciato si viene colpiti da polvere colorata. Gli eventi prevedevano anche esibizioni e djset. Slider immagini verticali\/orizzontali ❮ ❯<\/p>\n","protected":false},"author":1,"featured_media":675,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[4],"tags":[18,21,23],"class_list":["post-665","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-fotografia","tag-eventi","tag-fotografia","tag-holi-run","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=665"}],"version-history":[{"count":1,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/665\/revisions"}],"predecessor-version":[{"id":1334,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/665\/revisions\/1334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/675"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

In pi\u00f9 occasioni ho prestato servizio come primo fotografo per gli eventi di Holi Run Italia, delle giornate per famiglie in cui si corre insieme e in diverse tappe del tracciato si viene colpiti da polvere colorata. Gli eventi prevedevano anche esibizioni e djset.<\/p>\n\n\n\n

<\/div>\n\n\n\n\n\n\n\nSlider immagini verticali\/orizzontali<\/title>\n\n<style>\nbody {\n margin: 0;\n background: #111;\n}\n\n\/* CONTENITORE *\/\n.slider {\n position: relative;\n width: 100%;\n max-width: 1100px;\n height: 600px; \/* \u2190 puoi cambiare *\/\n margin: 50px auto;\n overflow: hidden;\n background: #000;\n}\n\n\/* SLIDES *\/\n.slides {\n display: flex;\n transition: transform 0.5s ease;\n height: 100%;\n}\n\n.slide {\n min-width: 100%;\n height: 100%;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n\/* IMMAGINI *\/\n.slide img {\n max-width: 100%;\n max-height: 100%;\n object-fit: contain; \/* \ud83d\udd25 fondamentale *\/\n}\n\n\/* FRECCE *\/\n.arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n color: white;\n font-size: 42px;\n width: 55px;\n height: 55px;\n line-height: 55px;\n text-align: center;\n background: rgba(0,0,0,0.4);\n border-radius: 50%;\n cursor: pointer;\n user-select: none;\n z-index: 10;\n}\n\n.arrow:hover {\n background: rgba(255,255,255,0.25);\n}\n\n.prev { left: 15px; }\n.next { right: 15px; }\n\n\/* MOBILE *\/\n@media (max-width: 768px) {\n .slider {\n height: 400px;\n }\n}\n<\/style>\n<\/head>\n\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-16-scaled-1.jpeg\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-83-scaled-1.jpeg\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-121-scaled-1.jpeg\"><\/div>\n <div class=\"slide\"><img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-128-scaled-1.jpeg\"><\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\nconst slides = document.querySelector('.slides');\nconst slideCount = document.querySelectorAll('.slide').length;\nlet index = 0;\n\ndocument.querySelector('.next').addEventListener('click', () => {\n index = (index + 1) % slideCount;\n slides.style.transform = `translateX(-${index * 100}%)`;\n});\n\ndocument.querySelector('.prev').addEventListener('click', () => {\n index = (index - 1 + slideCount) % slideCount;\n slides.style.transform = `translateX(-${index * 100}%)`;\n});\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>In pi\u00f9 occasioni ho prestato servizio come primo fotografo per gli eventi di Holi Run Italia, delle giornate per famiglie in cui si corre insieme e in diverse tappe del tracciato si viene colpiti da polvere colorata. Gli eventi prevedevano anche esibizioni e djset. Slider immagini verticali\/orizzontali ❮ ❯<\/p>\n","protected":false},"author":1,"featured_media":675,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[4],"tags":[18,21,23],"class_list":["post-665","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-fotografia","tag-eventi","tag-fotografia","tag-holi-run","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/665","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=665"}],"version-history":[{"count":1,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/665\/revisions"}],"predecessor-version":[{"id":1334,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/665\/revisions\/1334"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/675"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=665"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=665"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=665"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}