{"id":49349,"date":"2026-03-18T15:48:48","date_gmt":"2026-03-18T15:48:48","guid":{"rendered":"https:\/\/www.hotelpalazzigabicce.it\/?page_id=49349"},"modified":"2026-03-18T16:02:06","modified_gmt":"2026-03-18T16:02:06","slug":"hotel-palazzi-gabicce-gallery","status":"publish","type":"page","link":"https:\/\/www.hotelpalazzigabicce.it\/fr\/hotel-palazzi-gabicce-gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\n    \n    <section class=\"my_hide u-clearfix u-section-2\" id=\"sec-c0eb\">\n      <div class=\"u-clearfix u-sheet u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\"><\/div>\n<\/div>\n<\/section>\n\n\n\n\t\t\t\n\t\t\t<section class=\"u-clearfix my-section-home-offerte\" id=\"offerta1\">\n\t\t\t  <div class=\"u-clearfix u-sheet u-sheet-1\">\n\t\t\t\t<h1 class=\"u-align-center u-text u-text-palette-5-base u-text-1\">Gallery<\/h1>\n\n\n<style>\n\t\t\t\t\t\/* Contenitore generale della galleria *\/\n\t\t\t\t\t.gallery-container {\n\t\t\t\t\t\tdisplay: grid;\n\t\t\t\t\t\tgrid-template-columns: repeat(3, 1fr); \/* Esattamente 3 colonne *\/\n\t\t\t\t\t\tgap: 10px;\n\t\t\t\t\t\tpadding: 20px;\n\t\t\t\t\t\tmax-width: 1200px; \/* Dimensione massima aumentata a 1200px *\/\n\t\t\t\t\t\tmargin: 0 auto;\n\t\t\t\t\t\topacity: 1; \/* Impostiamo un'opacit\u00e0 iniziale *\/\n\t\t\t\t\t\ttransition: opacity 0.5s ease; \/* Durata della transizione di opacit\u00e0 *\/\n\t\t\t\t\t\t\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.gallery-container.video-category {\n\t\t\t\t\t\tgrid-template-columns: repeat(2, 1fr); \/* 2 colonne per i video *\/\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Gli elementi della galleria *\/\n\t\t\t\t\t.gallery-item {\n\t\t\t\t\t\tbackground-color: #fff;\n\t\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t\tbox-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\topacity: 1; \/* Impostiamo un'opacit\u00e0 iniziale *\/\n\t\t\t\t\t\ttransition: opacity 0.5s ease; \/* Transizione fluida per ogni immagine *\/\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Modifica per i video, per renderli quadrati *\/\n\t\t\t\t\t.gallery-item[data-category=\"video\"] {\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tpadding-top: 100%; \/* Questo crea un contenitore quadrato *\/\n\t\t\t\t\t\theight: 0;\n\t\t\t\t\t\toverflow: hidden;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.gallery-item[data-category=\"video\"] iframe {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Gli elementi nascosti per il filtro *\/\n\t\t\t\t\t.gallery-item.hidden {\n\t\t\t\t\t\tdisplay: none; \/* Nascondi gli elementi *\/\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Le immagini e i video occupano tutto lo spazio disponibile *\/\n\t\t\t\t\t.gallery-item img, \n\t\t\t\t\t.gallery-item iframe {\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tobject-fit: cover;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Gestione della dimensione delle immagini per effetto puzzle *\/\n\t\t\t\t\t.gallery-item[data-span=\"2\"] {\n\t\t\t\t\t\tgrid-row: span 2;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Adattabilit\u00e0 per schermi pi\u00f9 piccoli *\/\n\t\t\t\t\t@media (max-width: 768px) {\n\t\t\t\t\t\t.gallery-container {\n\t\t\t\t\t\t\tgrid-template-columns: repeat(2, 1fr); \/* 2 colonne per schermi pi\u00f9 piccoli *\/\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t@media (max-width: 480px) {\n\t\t\t\t\t\t.gallery-container {\n\t\t\t\t\t\t\tgrid-template-columns: 1fr; \/* 1 colonna per schermi molto piccoli *\/\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Contenitore dei bottoni di filtro *\/\n\t\t\t\t\t.filter-btns {\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\tflex-wrap: wrap;\n\t\t\t\t\t\tgap: 10px;\n\t\t\t\t\t\tmargin: 20px 0;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Bottoni dei filtri *\/\n\t\t\t\t\t.filter-btn {\n\t\t\t\t\t\tposition: static; \/* Evita absolute per i filtri *\/\n\t\t\t\t\t\tpadding: 10px 20px;\n\t\t\t\t\t\tbackground-color: #00b3be;\n\t\t\t\t\t\tborder: 1px solid #00b3be;\n\t\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\ttransition: background-color 0.3s ease;\n\t\t\t\t\t\tcolor:#ffffff;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.filter-btn.active {\n\t\t\t\t\t\tbackground-color: #00a1ab;\n\t\t\t\t\t\tcolor: #fff;\n\t\t\t\t\t\tborder-color: #00a1ab;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.filter-btn:hover {\n\t\t\t\t\t\tbackground-color: #00a1ab;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Popup della photogallery *\/\n\t\t\t\t\t.popup {\n\t\t\t\t\t\tdisplay: none;\n\t\t\t\t\t\tposition: fixed;\n\t\t\t\t\t\ttop: 0;\n\t\t\t\t\t\tleft: 0;\n\t\t\t\t\t\twidth: 100%;\n\t\t\t\t\t\theight: 100%;\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.8);\n\t\t\t\t\t\tz-index: 1000;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.popup-content {\n\t\t\t\t\t\tposition: relative;\n\t\t\t\t\t\tmax-width: 80%;\n\t\t\t\t\t\tmax-height: 80%;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.popup-content img {\n\t\t\t\t\t\tmax-width: 100%;\n\t\t\t\t\t\tmax-height: 100%;\n\t\t\t\t\t\tborder-radius: 10px;\n\t\t\t\t\t\tbox-shadow: 0 4px 10px rgba(0, 0, 0, 0.5);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Bottoni della photogallery *\/\n\t\t\t\t\t.popup button {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 50%;\n\t\t\t\t\t\ttransform: translateY(-50%);\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.5);\n\t\t\t\t\t\tcolor: white;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tpadding: 10px;\n\t\t\t\t\t\tfont-size: 18px;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tborder-radius: 50%;\n\t\t\t\t\t\twidth: 40px;\n\t\t\t\t\t\theight: 40px;\n\t\t\t\t\t\tdisplay: flex;\n\t\t\t\t\t\tjustify-content: center;\n\t\t\t\t\t\talign-items: center;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.popup .prev {\n\t\t\t\t\t\tleft: 10px;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.popup .next {\n\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.popup button:hover {\n\t\t\t\t\t\tbackground-color: rgba(0, 0, 0, 0.7);\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\/* Pulsante per chiudere il popup *\/\n\t\t\t\t\t.popup .close-btn {\n\t\t\t\t\t\tposition: absolute;\n\t\t\t\t\t\ttop: 10px;\n\t\t\t\t\t\tright: 10px;\n\t\t\t\t\t\tbackground-color: rgba(255, 255, 255, 0.8);\n\t\t\t\t\t\tcolor: black;\n\t\t\t\t\t\tborder: none;\n\t\t\t\t\t\tpadding: 5px 10px;\n\t\t\t\t\t\tfont-size: 16px;\n\t\t\t\t\t\tfont-weight: bold;\n\t\t\t\t\t\tcursor: pointer;\n\t\t\t\t\t\tborder-radius: 5px;\n\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t.popup .close-btn:hover {\n\t\t\t\t\t\tbackground-color: rgba(255, 255, 255, 1);\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t<\/style>\n\t\t\t\t<!-- Bottoni di filtro -->\n\t\t\t\t\n\t\t\t\t<div class=\"filter-btns\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t<button class=\"filter-btn active\" data-category=\"all\">\n\t\t\t\t\t\tTous\t\t\t\t\t<\/button>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"filter-btn\" data-category=\"HotelPalazzi\">\n\t\t\t\t\t\t\tHotel\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"filter-btn\" data-category=\"CameraComfort\">\n\t\t\t\t\t\t\tChambre Classique\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t\t\t<button class=\"filter-btn\" data-category=\"CameraClassic\">\n\t\t\t\t\t\t\tChambre Classique\t\t\t\t\t\t<\/button>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<div class=\"gallery-container\" id=\"gallery\">\n\t\t\t\t\t<div class='gallery-item' data-category='CameraClassic' data-index='0' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/1-1.jpg' alt='CameraClassic' onclick='openPopup(0)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraClassic' data-index='1' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/2-1.jpg' alt='CameraClassic' onclick='openPopup(1)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraClassic' data-index='2' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/3-1.jpg' alt='CameraClassic' onclick='openPopup(2)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraClassic' data-index='3' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/4-1.jpg' alt='CameraClassic' onclick='openPopup(3)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraClassic' data-index='4' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/5-1.jpg' alt='CameraClassic' onclick='openPopup(4)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraClassic' data-index='5' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/8.jpg' alt='CameraClassic' onclick='openPopup(5)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='6' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/1-2.jpg' alt='CameraComfort' onclick='openPopup(6)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='7' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/2-2.jpg' alt='CameraComfort' onclick='openPopup(7)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='8' data-span='2'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/3-2.jpg' alt='CameraComfort' onclick='openPopup(8)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='9' data-span='2'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/4-2.jpg' alt='CameraComfort' onclick='openPopup(9)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='10' data-span='2'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/5-2.jpg' alt='CameraComfort' onclick='openPopup(10)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='11' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/7.jpg' alt='CameraComfort' onclick='openPopup(11)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='12' data-span='2'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/6.jpg' alt='CameraComfort' onclick='openPopup(12)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='CameraComfort' data-index='13' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/8.jpg' alt='CameraComfort' onclick='openPopup(13)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='14' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/1-3.jpg' alt='HotelPalazzi' onclick='openPopup(14)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='15' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/2-3.jpg' alt='HotelPalazzi' onclick='openPopup(15)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='16' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/3-3.jpg' alt='HotelPalazzi' onclick='openPopup(16)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='17' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/4-3.jpg' alt='HotelPalazzi' onclick='openPopup(17)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='18' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/5-3.jpg' alt='HotelPalazzi' onclick='openPopup(18)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='19' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/6-1.jpg' alt='HotelPalazzi' onclick='openPopup(19)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='20' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/7-1.jpg' alt='HotelPalazzi' onclick='openPopup(20)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='21' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/8-1.jpg' alt='HotelPalazzi' onclick='openPopup(21)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='22' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/9.jpg' alt='HotelPalazzi' onclick='openPopup(22)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='23' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/10.jpg' alt='HotelPalazzi' onclick='openPopup(23)'>\n\t\t\t\t\t\t\t\t  <\/div><div class='gallery-item' data-category='HotelPalazzi' data-index='24' data-span='1'>\n\t\t\t\t\t\t\t\t\t<img src='https:\/\/www.hotelpalazzigabicce.it\/wp-content\/uploads\/11.jpg' alt='HotelPalazzi' onclick='openPopup(24)'>\n\t\t\t\t\t\t\t\t  <\/div>\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<!-- Popup con immagine ingrandita -->\n\t\t\t\t<div id=\"popup\" class=\"popup\">\n\t\t\t\t\t<span class=\"close-btn\" onclick=\"closePopup()\">\u00d7<\/span>\n\t\t\t\t\t<div class=\"popup-content\">\n\t\t\t\t\t\t<img decoding=\"async\" id=\"popup-img\" src=\"\" alt=\"\">\n\t\t\t\t\t\t<button class=\"prev\" onclick=\"changeImage(-1)\">&#10094;<\/button>\n\t\t\t\t\t\t<button class=\"next\" onclick=\"changeImage(1)\">&#10095;<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t<script>\n\t\t\t\t\tlet currentIndex = 0;\n\t\t\t\t\tlet galleryItems = [{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/1-1.jpg\",\"category\":\"CameraClassic\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/2-1.jpg\",\"category\":\"CameraClassic\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/3-1.jpg\",\"category\":\"CameraClassic\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/4-1.jpg\",\"category\":\"CameraClassic\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/5-1.jpg\",\"category\":\"CameraClassic\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/8.jpg\",\"category\":\"CameraClassic\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/1-2.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/2-2.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/3-2.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/4-2.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/5-2.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/7.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/6.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/8.jpg\",\"category\":\"CameraComfort\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/1-3.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/2-3.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/3-3.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/4-3.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/5-3.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/6-1.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/7-1.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/8-1.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/9.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/10.jpg\",\"category\":\"HotelPalazzi\"},{\"type\":\"image\",\"src\":\"https:\\\/\\\/www.hotelpalazzigabicce.it\\\/wp-content\\\/uploads\\\/11.jpg\",\"category\":\"HotelPalazzi\"}];\n\t\t\t\t\n\t\t\t\t\t\/\/ Funzione per aprire il popup con l'immagine ingrandita\n\t\t\t\t\tfunction openPopup(index) {\n\t\t\t\t\t\tcurrentIndex = index;\n\t\t\t\t\t\tconst popup = document.getElementById('popup');\n\t\t\t\t\t\tconst popupImg = document.getElementById('popup-img');\n\t\t\t\t\t\tpopupImg.src = galleryItems[currentIndex].src; \/\/ Imposta l'immagine da visualizzare\n\t\t\t\t\t\tpopup.style.display = 'flex'; \/\/ Mostra il popup\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\/\/ Funzione per chiudere il popup\n\t\t\t\t\tfunction closePopup() {\n\t\t\t\t\t\tconst popup = document.getElementById('popup');\n\t\t\t\t\t\tpopup.style.display = 'none'; \/\/ Nasconde il popup\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\t\/\/ Funzione per cambiare immagine nel popup\n\t\t\t\t\tfunction changeImage(direction) {\n\t\t\t\t\t\tcurrentIndex += direction;\n\t\t\t\t\n\t\t\t\t\t\t\/\/ Impedire di uscire dall'intervallo delle immagini\n\t\t\t\t\t\tif (currentIndex < 0) currentIndex = galleryItems.length - 1;\n\t\t\t\t\t\tif (currentIndex >= galleryItems.length) currentIndex = 0;\n\t\t\t\t\n\t\t\t\t\t\t\/\/ Cambia l'immagine\n\t\t\t\t\t\tconst popupImg = document.getElementById('popup-img');\n\t\t\t\t\t\tpopupImg.src = galleryItems[currentIndex].src;\n\t\t\t\t\t}\n\t\t\t\t\n\t\t\t\t\twindow.onload = function() {\n\t\t\t\t\t\tconst filterButtons = document.querySelectorAll('.filter-btn');\n\t\t\t\t\t\tconst galleryItems = document.querySelectorAll('.gallery-item');\n\t\t\t\t\t\tconst galleryContainer = document.getElementById('gallery');\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ Funzione per applicare i filtri\n\t\t\t\t\t\tfunction applyFilter(category) {\n\t\t\t\t\t\t\tgalleryItems.forEach(item => {\n\t\t\t\t\t\t\t\tconst itemCategory = item.getAttribute('data-category');\n\t\t\t\t\t\t\t\t\/\/ Nascondi gli elementi che non appartengono alla categoria selezionata\n\t\t\t\t\t\t\t\tif (category === 'all' || itemCategory === category) {\n\t\t\t\t\t\t\t\t\titem.classList.remove('hidden'); \/\/ Mostra l'elemento\n\t\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\t\titem.classList.add('hidden'); \/\/ Nascondi l'elemento\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\/\/ Aggiungi o rimuovi la classe 'video-category' alla galleria\n\t\t\t\t\t\t\tif (category === 'video') {\n\t\t\t\t\t\t\t\tgalleryContainer.classList.add('video-category'); \/\/ Mostra 2 colonne per i video\n\t\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\tgalleryContainer.classList.remove('video-category'); \/\/ Torna a 3 colonne\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\n\t\t\t\t\t\t\t\/\/ Nascondi i video quando una categoria diversa da 'video' \u00e8 selezionata\n\t\t\t\t\t\t\tgalleryItems.forEach(item => {\n\t\t\t\t\t\t\t\tif (category !== 'video' && item.getAttribute('data-category') === 'video') {\n\t\t\t\t\t\t\t\t\titem.classList.add('hidden'); \/\/ Nascondi i video\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\n\t\t\t\t\t\t\t\/\/ Aggiungi la classe 'active' al bottone selezionato\n\t\t\t\t\t\t\tfilterButtons.forEach(btn => {\n\t\t\t\t\t\t\t\tbtn.classList.remove('active');\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\tdocument.querySelector(`[data-category=\"${category}\"]`).classList.add('active');\n\t\t\t\t\t\t}\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ Inizializza con il filtro \"Tutti\" attivo\n\t\t\t\t\t\tapplyFilter('all');\n\t\t\t\t\t\t\n\t\t\t\t\t\t\/\/ Gestisci il click sui bottoni di filtro\n\t\t\t\t\t\tfilterButtons.forEach(button => {\n\t\t\t\t\t\t\tbutton.addEventListener('click', function() {\n\t\t\t\t\t\t\t\tconst category = this.getAttribute('data-category');\n\t\t\t\t\t\t\t\tapplyFilter(category);\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t});\n\t\t\t\t\t};\n\n\n\n\n\n\t\t\t\t<\/script>\n\n\n\n\t\t\t\t\n\t\t\n\t\t\t\t<\/div>\n\t\t\t<\/section>\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\t\t\t\n\n\n\n\t<section>\n\t  <div>\n\t\t<div>\n<\/div>\n      <\/div>\n    <\/section>\n    <section class=\"u-clearfix u-section-3\" id=\"carousel_c335\">\n      <div class=\"u-align-left u-clearfix u-sheet u-sheet-1\">\n        <div class=\"u-clearfix u-custom-html u-expanded-width u-custom-html-1\"><div id=\"form\"><\/div>\n<section class=\"u-align-left u-clearfix u-valign-bottom offerte\" id=\"sec-af3c\">\n  <h1 class=\"u-align-center u-text u-text-1\">CONTACTEZ-NOUS<\/h1>\n  <p class=\"sottotitolo_corsivo u-align-center u-custom-font u-text u-text-palette-3-base u-text-2\" data-animation-name=\"lightSpeedIn\" data-animation-duration=\"1000\" data-animation-delay=\"0\" data-animation-direction=\"\"><\/p>\n  \n  <div class=\"u-clearfix u-gutter-10 u-layout-wrap u-layout-wrap-1\">\n    <div class=\"u-layout\">\n      <div class=\"u-layout-col\">\n        <div class=\"u-size-60\">\n          <div class=\"u-layout-row\">\n            <div class=\"u-align-left u-container-style u-layout-cell u-left-cell u-right-cell u-size-60 u-layout-cell-1\">\n              <div class=\"u-container-layout u-valign-top u-container-layout-1\">\n                \n                <!-- Container per il widget Scidoo -->\n                <div id=\"scidoo-form-container\"><\/div>\n                \n                                \n                <!-- Widget Scidoo per form contatti -->\n                 <script type=\"text\/javascript\" \n                  src=\"https:\/\/www.scidoo.com\/widget_contatti\/include_widget_contatti.js\" \n                  data-codice=\"1729\"\n                  data-lang=\"3\"\n                  data-tipologia-richiesta=\"0\"\n                  data-struttura=\"-1\"\n                  data-luogo=\"0\"\n                  data-container=\"scidoo-form-container\"\n                  data-testo-struttura=\"\"\n                  data-provenienza=\"0\"\n                  \n                  data-nota-preventivo=\"\"\n                  data-settore-specifico=\"0\"\n                  data-campi-obbligatori=\"1,2\">\n                <\/script>\n\n              <\/div>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n\n  <br>\n\n  <div class=\"u-expanded-width-lg u-expanded-width-md u-expanded-width-xl u-expanded-width-xs u-grey-light-2 u-map u-map-1\">\n    <div class=\"embed-responsive\">\n      <iframe class=\"embed-responsive-item\" src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m14!1m8!1m3!1d1707.5350788151936!2d12.762047196101207!3d43.96515255874641!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x64bf0278be2b6d4c!2sHotel%20Palazzi%20Gabicce%20Mare!5e0!3m2!1sit!2sit!4v1586332250418!5m2!1sit!2sit\"><\/iframe>\n    <\/div>\n  <\/div>\n  \n  <style>\n    #div_widget_contatti {\n      max-width: 100% !important;\n    }\n  <\/style>\n<\/section>\n<\/div>\n      <\/div>\n    <\/section>\n    \n    \n  \n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":48657,"parent":0,"menu_order":1,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"_monsterinsights_skip_tracking":false,"_monsterinsights_sitenote_active":false,"_monsterinsights_sitenote_note":"","_monsterinsights_sitenote_category":0,"footnotes":""},"class_list":["post-49349","page","type-page","status-publish","has-post-thumbnail","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/pages\/49349","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/comments?post=49349"}],"version-history":[{"count":1,"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/pages\/49349\/revisions"}],"predecessor-version":[{"id":49350,"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/pages\/49349\/revisions\/49350"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/media\/48657"}],"wp:attachment":[{"href":"https:\/\/www.hotelpalazzigabicce.it\/fr\/wp-json\/wp\/v2\/media?parent=49349"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}