Slider Responsive<\/title>\n<style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n background: #000;\n font-family: Arial, sans-serif;\n }\n\n .slider {\n position: relative;\n width: 90%; \/* occupa 90% della larghezza *\/\n max-width: 900px; \/* larghezza massima *\/\n height: auto;\n margin: 50px auto;\n overflow: hidden;\n border-radius: 10px;\n }\n\n .slides {\n display: flex;\n transition: transform 0.5s ease-in-out;\n }\n\n .slide {\n min-width: 100%;\n }\n\n .slide img {\n width: 100%;\n height: auto; \/* mantiene proporzioni *\/\n display: block;\n }\n\n .arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 40px;\n color: #fff;\n background: rgba(0,0,0,0.3);\n border: none;\n padding: 10px;\n cursor: pointer;\n z-index: 10;\n border-radius: 50%;\n user-select: none;\n transition: background 0.3s;\n }\n\n .arrow:hover {\n background: rgba(0,0,0,0.6);\n }\n\n .prev {\n left: 10px;\n }\n\n .next {\n right: 10px;\n }\n\n \/* Media query per desktop pi\u00f9 grandi *\/\n @media (min-width: 1200px) {\n .slider {\n width: 70%;\n max-width: 1000px;\n }\n }\n\n \/* Media query per tablet *\/\n @media (max-width: 768px) {\n .arrow {\n font-size: 30px;\n padding: 8px;\n }\n }\n\n \/* Media query per smartphone *\/\n @media (max-width: 480px) {\n .arrow {\n font-size: 25px;\n padding: 6px;\n }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-18-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-98-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/DSC09318.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/SL-101-scaled-1.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/SL-95-1-scaled-1.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-8-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-31-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-130-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\n const slidesContainer = document.querySelector('.slides');\n const slides = document.querySelectorAll('.slide');\n const prev = document.querySelector('.prev');\n const next = document.querySelector('.next');\n\n let index = 0;\n\n function showSlide(i) {\n if(i < 0) index = slides.length - 1;\n else if(i >= slides.length) index = 0;\n else index = i;\n\n slidesContainer.style.transform = `translateX(${-index * 100}%)`;\n }\n\n prev.addEventListener('click', () => {\n showSlide(index - 1);\n });\n\n next.addEventListener('click', () => {\n showSlide(index + 1);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mi occupo anche di fotografia per compleanni, feste e lauree. Questi eventi mi hanno permesso di accrescere le mie capacit\u00e0, conoscere meglio il corpo macchina e saper adattarsi alle situazioni. Slider Responsive ❮ ❯<\/p>\n","protected":false},"author":1,"featured_media":1175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[4],"tags":[18,21],"class_list":["post-707","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-fotografia","tag-eventi","tag-fotografia","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/707","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=707"}],"version-history":[{"count":0,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/707\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/1175"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

Mi occupo anche di fotografia per compleanni, feste e lauree. Questi eventi mi hanno permesso di accrescere le mie capacit\u00e0, conoscere meglio il corpo macchina e saper adattarsi alle situazioni.<\/p>\n\n\n\n

<\/div>\n\n\n\n\n\n\n\n\nSlider Responsive<\/title>\n<style>\n * {\n box-sizing: border-box;\n }\n\n body {\n margin: 0;\n background: #000;\n font-family: Arial, sans-serif;\n }\n\n .slider {\n position: relative;\n width: 90%; \/* occupa 90% della larghezza *\/\n max-width: 900px; \/* larghezza massima *\/\n height: auto;\n margin: 50px auto;\n overflow: hidden;\n border-radius: 10px;\n }\n\n .slides {\n display: flex;\n transition: transform 0.5s ease-in-out;\n }\n\n .slide {\n min-width: 100%;\n }\n\n .slide img {\n width: 100%;\n height: auto; \/* mantiene proporzioni *\/\n display: block;\n }\n\n .arrow {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n font-size: 40px;\n color: #fff;\n background: rgba(0,0,0,0.3);\n border: none;\n padding: 10px;\n cursor: pointer;\n z-index: 10;\n border-radius: 50%;\n user-select: none;\n transition: background 0.3s;\n }\n\n .arrow:hover {\n background: rgba(0,0,0,0.6);\n }\n\n .prev {\n left: 10px;\n }\n\n .next {\n right: 10px;\n }\n\n \/* Media query per desktop pi\u00f9 grandi *\/\n @media (min-width: 1200px) {\n .slider {\n width: 70%;\n max-width: 1000px;\n }\n }\n\n \/* Media query per tablet *\/\n @media (max-width: 768px) {\n .arrow {\n font-size: 30px;\n padding: 8px;\n }\n }\n\n \/* Media query per smartphone *\/\n @media (max-width: 480px) {\n .arrow {\n font-size: 25px;\n padding: 6px;\n }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"slider\">\n <div class=\"slides\">\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-18-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-98-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/DSC09318.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/SL-101-scaled-1.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2026\/05\/SL-95-1-scaled-1.jpg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-8-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-31-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <div class=\"slide\">\n <img decoding=\"async\" src=\"https:\/\/lorenzettomediadesign.it\/wp-content\/uploads\/2025\/12\/SL-130-scaled-1.jpeg\" alt=\"\">\n <\/div>\n <\/div>\n\n <div class=\"arrow prev\">❮<\/div>\n <div class=\"arrow next\">❯<\/div>\n<\/div>\n\n<script>\n const slidesContainer = document.querySelector('.slides');\n const slides = document.querySelectorAll('.slide');\n const prev = document.querySelector('.prev');\n const next = document.querySelector('.next');\n\n let index = 0;\n\n function showSlide(i) {\n if(i < 0) index = slides.length - 1;\n else if(i >= slides.length) index = 0;\n else index = i;\n\n slidesContainer.style.transform = `translateX(${-index * 100}%)`;\n }\n\n prev.addEventListener('click', () => {\n showSlide(index - 1);\n });\n\n next.addEventListener('click', () => {\n showSlide(index + 1);\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Mi occupo anche di fotografia per compleanni, feste e lauree. Questi eventi mi hanno permesso di accrescere le mie capacit\u00e0, conoscere meglio il corpo macchina e saper adattarsi alle situazioni. Slider Responsive ❮ ❯<\/p>\n","protected":false},"author":1,"featured_media":1175,"comment_status":"closed","ping_status":"closed","sticky":false,"template":"","format":"chat","meta":{"footnotes":""},"categories":[4],"tags":[18,21],"class_list":["post-707","post","type-post","status-publish","format-chat","has-post-thumbnail","hentry","category-fotografia","tag-eventi","tag-fotografia","post_format-post-format-chat"],"_links":{"self":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/707","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=707"}],"version-history":[{"count":0,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/posts\/707\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=\/wp\/v2\/media\/1175"}],"wp:attachment":[{"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=707"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=707"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/lorenzettomediadesign.it\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=707"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}