{"id":1646,"date":"2026-03-31T01:37:02","date_gmt":"2026-03-30T23:37:02","guid":{"rendered":"https:\/\/dardaniella.com\/?page_id=1646"},"modified":"2026-04-22T02:27:54","modified_gmt":"2026-04-22T00:27:54","slug":"gallery","status":"publish","type":"page","link":"https:\/\/laclemantn.keral.co\/fr\/gallery\/","title":{"rendered":"Gallery"},"content":{"rendered":"\n<div class=\"gb-element-9e371235\">\n<p class=\"gb-text gb-text-b586f19f\">Tabarka<\/p>\n\n\n\n<p class=\"gb-text gb-text-37600fd5\">Photos &amp; Videos<\/p>\n<\/div>\n\n\n\n<div class=\"gb-element-b476fb00\">\n<div class=\"gb-element-259dcbcb\">\n<h2 class=\"gb-text gb-text-83f41404\">Hotel Overview<\/h2>\n\n\n\n<link rel=\"stylesheet\" href=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.css\">\n\n<style>\n.dd-media-swiper { width: 100%; height: auto !important; overflow: visible !important; padding: 0 !important; position: relative; }\n.dd-media-swiper .swiper-wrapper { align-items: flex-start; }\n.dd-media-swiper .swiper-slide { width: 700px !important; cursor: pointer; opacity: 0.35; transition: opacity 0.8s ease; will-change: opacity; }\n.dd-media-swiper .swiper-slide-active { opacity: 1; z-index: 10; }\n.dd-media__container { width: 100%; aspect-ratio: 16 \/ 9; overflow: hidden; position: relative; background: #111; }\n.dd-media__container img { width: 100% !important; height: 100% !important; object-fit: cover !important; display: block !important; }\n.dd-media__desc {\n  text-align: center;\n  padding: 30px 20px 0;\n  opacity: 0;\n  height: 90px; \/* hauteur FIXE *\/\n  transition: opacity 0.5s ease;\n}\n.swiper-slide-active .dd-media__desc { opacity: 1; }\n.dd-media__desc p { font-family: 'Cormorant Garamond', serif; font-size: 15px; font-style: italic; color: #aaa; line-height: 1.8; margin: 0; }\n.dd-media-slider-wrap { position: relative; }\n.dd-media-nav { position: absolute; top: 40%; transform: translateY(-50%); width: 100%; left: 0; display: flex; justify-content: space-between; padding: 0 20px; box-sizing: border-box; pointer-events: none; z-index: 20; }\n.dd-media-nav button { pointer-events: all; background: none; border: none; color: #ffffff; font-size: 48px; cursor: pointer; padding: 10px 20px; transition: opacity 0.3s; opacity: 0.6; font-family: 'Cormorant Garamond', serif; line-height: 1; }\n.dd-media-nav button:hover { opacity: 1; }\n@media (max-width: 768px) {\n  .dd-media-swiper .swiper-slide { width: 90vw !important; }\n  .swiper-slide-active .dd-media__desc { height: 110px; }\n  .dd-media-nav button { font-size: 32px; padding: 10px; }\n}\n<\/style>\n  <div class=\"dd-media-slider-wrap\">\n    <div class=\"swiper dd-media-swiper\" id=\"gallery-1\">\n      <div class=\"swiper-wrapper\" id=\"dd-media-wrapper-1\"><\/div>\n    <\/div>\n    <div class=\"dd-media-nav\">\n      <button id=\"prev-1\">&#8249;<\/button>\n      <button id=\"next-1\">&#8250;<\/button>\n    <\/div>\n  <\/div>\n\n\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/swiper@11\/swiper-bundle.min.js\"><\/script>\n<script>\n(function() {\n  \/\/ \u2705 MODIFIE CE TABLEAU\n  const MEDIAS = [\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1564501049412-61c2a3083791?w=1200\", description: \"D\u00e9couvrez notre h\u00f4tel nich\u00e9 entre mer et nature.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1582719478250-c89cae4dc85b?w=1200\", description: \"Nos suites offrent une exp\u00e9rience de luxe incomparable.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?w=1200\", description: \"Chaque d\u00e9tail pens\u00e9 pour votre confort.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?w=1200\", description: \"Vue imprenable sur la mer M\u00e9diterran\u00e9e.\" }\n  ];\n\n  function init() {\n    const wrapper = document.getElementById('dd-media-wrapper-1');\n    const loop = [...MEDIAS, ...MEDIAS];\n    loop.forEach(function(media) {\n      const content = media.type === 'video'\n        ? `<div style=\"position:relative;padding-top:56.25%\"><iframe src=\"${media.src}\" allowfullscreen allow=\"autoplay; encrypted-media\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:none;\"><\/iframe><\/div>`\n        : `<img decoding=\"async\" src=\"${media.src}\" alt=\"\">`;\n      wrapper.innerHTML += `<div class=\"swiper-slide\"><div class=\"dd-media__container\">${content}<\/div><div class=\"dd-media__desc\"><p>${media.description}<\/p><\/div><\/div>`;\n    });\n\n    const swiper = new Swiper('#gallery-1', {\n      centeredSlides: true, slidesPerView: 'auto', spaceBetween: 20,\n      initialSlide: 0, speed: 900, grabCursor: true,\n      slideToClickedSlide: true, watchSlidesProgress: true,\n      loop: true, loopAdditionalSlides: 2, observer: true, observeParents: true,\n    });\n\n    document.getElementById('prev-1').addEventListener('click', () => swiper.slidePrev());\n    document.getElementById('next-1').addEventListener('click', () => swiper.slideNext());\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n<\/div>\n\n\n\n<div>\n<h2 class=\"gb-text\">Spa &amp; Wellness<\/h2>\n\n\n\n<div class=\"dd-media-slider-wrap\">\n    <div class=\"swiper dd-media-swiper\" id=\"gallery-2\">\n      <div class=\"swiper-wrapper\" id=\"dd-media-wrapper-2\"><\/div>\n    <\/div>\n    <div class=\"dd-media-nav\">\n      <button id=\"prev-2\">&#8249;<\/button>\n      <button id=\"next-2\">&#8250;<\/button>\n    <\/div>\n  <\/div>\n\n<script>\n(function() {\n  \/\/ \u2705 MODIFIE CE TABLEAU\n  const MEDIAS = [\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1540555700478-4be289fbecef?w=1200\", description: \"Notre spa vous invite \u00e0 un voyage sensoriel unique.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?w=1200\", description: \"Des soins personnalis\u00e9s pour un bien-\u00eatre absolu.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1520769337-83e7ddcad5e6?w=1200\", description: \"Piscine ext\u00e9rieure avec vue panoramique sur la mer.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?w=1200\", description: \"Salle de fitness \u00e9quip\u00e9e des derni\u00e8res technologies.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=1200\", description: \"Un espace de d\u00e9tente pens\u00e9 pour votre s\u00e9r\u00e9nit\u00e9.\" }\n  ];\n\n  function init() {\n    const wrapper = document.getElementById('dd-media-wrapper-2');\n    const loop = [...MEDIAS, ...MEDIAS];\n    loop.forEach(function(media) {\n      const content = media.type === 'video'\n        ? `<div style=\"position:relative;padding-top:56.25%\"><iframe src=\"${media.src}\" allowfullscreen allow=\"autoplay; encrypted-media\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:none;\"><\/iframe><\/div>`\n        : `<img decoding=\"async\" src=\"${media.src}\" alt=\"\">`;\n      wrapper.innerHTML += `<div class=\"swiper-slide\"><div class=\"dd-media__container\">${content}<\/div><div class=\"dd-media__desc\"><p>${media.description}<\/p><\/div><\/div>`;\n    });\n\n    const swiper = new Swiper('#gallery-2', {\n      centeredSlides: true, slidesPerView: 'auto', spaceBetween: 20,\n      initialSlide: 0, speed: 900, grabCursor: true,\n      slideToClickedSlide: true, watchSlidesProgress: true,\n      loop: true, loopAdditionalSlides: 2, observer: true, observeParents: true,\n    });\n\n    document.getElementById('prev-2').addEventListener('click', () => swiper.slidePrev());\n    document.getElementById('next-2').addEventListener('click', () => swiper.slideNext());\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n<\/div>\n\n\n\n<div>\n<h2 class=\"gb-text\">Votre Cat\u00e9gorie<\/h2>\n\n\n\n<div class=\"dd-media-slider-wrap\">\n    <div class=\"swiper dd-media-swiper\" id=\"gallery-3\">\n      <div class=\"swiper-wrapper\" id=\"dd-media-wrapper-3\"><\/div>\n    <\/div>\n    <div class=\"dd-media-nav\">\n      <button id=\"prev-3\">&#8249;<\/button>\n      <button id=\"next-3\">&#8250;<\/button>\n    <\/div>\n  <\/div>\n\n<script>\n(function() {\n  \/\/ \u2705 MODIFIE CE TABLEAU\n  const MEDIAS = [\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1540555700478-4be289fbecef?w=1200\", description: \"Votre description 1.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?w=1200\", description: \"Votre description 2.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1520769337-83e7ddcad5e6?w=1200\", description: \"Votre description 3.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1571019613454-1cb2f99b2d8b?w=1200\", description: \"Votre description 4.\" },\n    { type: \"image\", src: \"https:\/\/images.unsplash.com\/photo-1507003211169-0a1dd7228f2d?w=1200\", description: \"Votre description 5.\" }\n  ];\n\n  function init() {\n    const wrapper = document.getElementById('dd-media-wrapper-3');\n    const loop = [...MEDIAS, ...MEDIAS];\n    loop.forEach(function(media) {\n      const content = media.type === 'video'\n        ? `<div style=\"position:relative;padding-top:56.25%\"><iframe src=\"${media.src}\" allowfullscreen allow=\"autoplay; encrypted-media\" style=\"position:absolute;top:0;left:0;width:100%;height:100%;border:none;\"><\/iframe><\/div>`\n        : `<img decoding=\"async\" src=\"${media.src}\" alt=\"\">`;\n      wrapper.innerHTML += `<div class=\"swiper-slide\"><div class=\"dd-media__container\">${content}<\/div><div class=\"dd-media__desc\"><p>${media.description}<\/p><\/div><\/div>`;\n    });\n\n    const swiper = new Swiper('#gallery-3', {\n      centeredSlides: true, slidesPerView: 'auto', spaceBetween: 20,\n      initialSlide: 0, speed: 900, grabCursor: true,\n      slideToClickedSlide: true, watchSlidesProgress: true,\n      loop: true, loopAdditionalSlides: 2, observer: true, observeParents: true,\n    });\n\n    document.getElementById('prev-3').addEventListener('click', () => swiper.slidePrev());\n    document.getElementById('next-3').addEventListener('click', () => swiper.slideNext());\n  }\n\n  if (document.readyState === 'loading') {\n    document.addEventListener('DOMContentLoaded', init);\n  } else {\n    init();\n  }\n})();\n<\/script>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Tabarka Photos &amp; Videos Hotel Overview &#8249; &#8250; Spa &amp; Wellness &#8249; &#8250; Votre Cat\u00e9gorie &#8249; &#8250;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1646","page","type-page","status-publish"],"acf":[],"_links":{"self":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages\/1646","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/comments?post=1646"}],"version-history":[{"count":57,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages\/1646\/revisions"}],"predecessor-version":[{"id":5319,"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/pages\/1646\/revisions\/5319"}],"wp:attachment":[{"href":"https:\/\/laclemantn.keral.co\/fr\/wp-json\/wp\/v2\/media?parent=1646"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}