{"id":55,"date":"2026-09-13T03:56:11","date_gmt":"2026-09-13T03:56:11","guid":{"rendered":"https:\/\/expotil.com\/src\/?p=55"},"modified":"2026-09-13T04:31:09","modified_gmt":"2026-09-13T04:31:09","slug":"luxury-hotels-slide","status":"publish","type":"post","link":"https:\/\/expotil.com\/src\/index.php\/2026\/09\/13\/luxury-hotels-slide\/","title":{"rendered":"Luxury Hotels Slide"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<div id=\"luxhotel-wp\">\n\n<style>\n#luxhotel-wp{\n    width:100%;\n    max-width:1250px;\n    margin:30px auto;\n    padding:0 12px;\n    box-sizing:border-box;\n    font-family:Arial,Helvetica,sans-serif;\n}\n\n#luxhotel-wp *{\n    box-sizing:border-box;\n}\n\n#luxhotel-wp .lh-top{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    flex-wrap:wrap;\n    gap:10px;\n    margin-bottom:16px;\n}\n\n#luxhotel-wp .lh-btn{\n    border:0;\n    border-radius:999px;\n    padding:11px 18px;\n    font-size:14px;\n    font-weight:700;\n    cursor:pointer;\n    text-decoration:none;\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    transition:.25s ease;\n    background:#111;\n    color:#fff;\n    box-shadow:0 5px 18px rgba(0,0,0,.18);\n}\n\n#luxhotel-wp .lh-btn:hover{\n    transform:translateY(-2px);\n    box-shadow:0 8px 25px rgba(0,0,0,.28);\n}\n\n#luxhotel-wp .lh-stage{\n    position:relative;\n    width:100%;\n    height:700px;\n    overflow:hidden;\n    border-radius:24px;\n    background:#111;\n    box-shadow:0 15px 50px rgba(0,0,0,.28);\n    touch-action:pan-y;\n}\n\n#luxhotel-wp .lh-slide{\n    position:absolute;\n    inset:0;\n    opacity:0;\n    visibility:hidden;\n    pointer-events:none;\n    transition:opacity .55s ease, visibility .55s ease;\n}\n\n#luxhotel-wp .lh-slide.active{\n    opacity:1;\n    visibility:visible;\n    pointer-events:auto;\n}\n\n#luxhotel-wp .lh-photo{\n    display:block;\n    width:100%;\n    height:100%;\n    object-fit:cover;\n    cursor:pointer;\n    background:#222;\n}\n\n#luxhotel-wp .lh-overlay{\n    position:absolute;\n    left:0;\n    right:0;\n    bottom:0;\n    padding:90px 90px 38px;\n    color:#fff;\n    background:\n        linear-gradient(\n            to top,\n            rgba(0,0,0,.88) 0%,\n            rgba(0,0,0,.62) 42%,\n            rgba(0,0,0,0) 100%\n        );\n    pointer-events:none;\n}\n\n#luxhotel-wp .lh-title{\n    margin:0 0 10px;\n    font-size:clamp(25px,4vw,48px);\n    line-height:1.08;\n    font-weight:800;\n    text-shadow:0 3px 15px rgba(0,0,0,.7);\n}\n\n#luxhotel-wp .lh-location{\n    font-size:clamp(15px,2vw,21px);\n    font-weight:600;\n    opacity:.96;\n}\n\n#luxhotel-wp .lh-number{\n    margin-top:8px;\n    font-size:14px;\n    opacity:.8;\n}\n\n#luxhotel-wp .lh-arrow{\n    position:absolute;\n    top:50%;\n    transform:translateY(-50%);\n    z-index:20;\n    width:64px;\n    height:64px;\n    border:0;\n    border-radius:50%;\n    background:rgba(0,0,0,.58);\n    color:#fff;\n    font-size:34px;\n    line-height:1;\n    cursor:pointer;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    box-shadow:\n        0 0 0 2px rgba(255,255,255,.3),\n        0 0 20px rgba(255,255,255,.25),\n        0 8px 25px rgba(0,0,0,.35);\n    transition:.25s ease;\n}\n\n#luxhotel-wp .lh-arrow:hover{\n    background:rgba(255,255,255,.95);\n    color:#111;\n    transform:translateY(-50%) scale(1.1);\n    box-shadow:\n        0 0 0 3px rgba(255,255,255,.8),\n        0 0 35px rgba(255,255,255,.65),\n        0 10px 35px rgba(0,0,0,.45);\n}\n\n#luxhotel-wp .lh-prev{\n    left:20px;\n}\n\n#luxhotel-wp .lh-next{\n    right:20px;\n}\n\n#luxhotel-wp .lh-bottom{\n    display:flex;\n    justify-content:center;\n    align-items:center;\n    gap:15px;\n    margin-top:15px;\n}\n\n#luxhotel-wp .lh-counter{\n    font-weight:700;\n    font-size:15px;\n}\n\n#luxhotel-wp .lh-progress{\n    width:240px;\n    max-width:45%;\n    height:6px;\n    border-radius:20px;\n    background:#ddd;\n    overflow:hidden;\n}\n\n#luxhotel-wp .lh-progress-bar{\n    width:0;\n    height:100%;\n    background:#111;\n    transition:width .35s ease;\n}\n\n#luxhotel-wp .lh-hint{\n    text-align:center;\n    margin-top:12px;\n    font-size:13px;\n    color:#666;\n}\n\n@media(max-width:800px){\n    #luxhotel-wp{\n        margin:15px auto;\n        padding:0 8px;\n    }\n\n    #luxhotel-wp .lh-stage{\n        height:620px;\n        border-radius:18px;\n    }\n\n    #luxhotel-wp .lh-overlay{\n        padding:100px 70px 30px;\n    }\n\n    #luxhotel-wp .lh-arrow{\n        width:52px;\n        height:52px;\n        font-size:28px;\n    }\n\n    #luxhotel-wp .lh-prev{\n        left:10px;\n    }\n\n    #luxhotel-wp .lh-next{\n        right:10px;\n    }\n}\n\n@media(max-width:500px){\n    #luxhotel-wp .lh-top{\n        gap:7px;\n    }\n\n    #luxhotel-wp .lh-btn{\n        padding:9px 13px;\n        font-size:12px;\n    }\n\n    #luxhotel-wp .lh-stage{\n        height:560px;\n        border-radius:15px;\n    }\n\n    #luxhotel-wp .lh-overlay{\n        padding:100px 58px 24px;\n    }\n\n    #luxhotel-wp .lh-title{\n        font-size:25px;\n    }\n\n    #luxhotel-wp .lh-location{\n        font-size:15px;\n    }\n\n    #luxhotel-wp .lh-arrow{\n        width:46px;\n        height:46px;\n        font-size:25px;\n    }\n\n    #luxhotel-wp .lh-prev{\n        left:7px;\n    }\n\n    #luxhotel-wp .lh-next{\n        right:7px;\n    }\n\n    #luxhotel-wp .lh-progress{\n        width:150px;\n    }\n}\n<\/style>\n\n<div class=\"lh-top\">\n\n    <a\n        class=\"lh-btn\"\n        href=\"https:\/\/expotil.com\/src\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n    >\n        \ud83c\udfe0 Main Page\n    <\/a>\n\n    <button type=\"button\" class=\"lh-btn\" id=\"lhFavorite\">\n        \u2764\ufe0f Favorite\n    <\/button>\n\n    <button type=\"button\" class=\"lh-btn\" id=\"lhShare\">\n        \ud83d\udd17 Share\n    <\/button>\n\n<\/div>\n\n<div class=\"lh-stage\" id=\"lhStage\">\n\n    <button\n        type=\"button\"\n        class=\"lh-arrow lh-prev\"\n        id=\"lhPrev\"\n        aria-label=\"Previous hotel\"\n    >\u2039<\/button>\n\n    <button\n        type=\"button\"\n        class=\"lh-arrow lh-next\"\n        id=\"lhNext\"\n        aria-label=\"Next hotel\"\n    >\u203a<\/button>\n\n    <div id=\"luxSlides\"><\/div>\n\n<\/div>\n\n<div class=\"lh-bottom\">\n    <div class=\"lh-counter\" id=\"lhCounter\">1 \/ 75<\/div>\n\n    <div class=\"lh-progress\">\n        <div class=\"lh-progress-bar\" id=\"lhProgress\"><\/div>\n    <\/div>\n<\/div>\n\n<div class=\"lh-hint\">\n    Auto-changing every 7 seconds \u2022 Use \u2190 \u2192 or swipe on mobile\n<\/div>\n\n<script>\n(function(){\n\n\"use strict\";\n\n\/* =========================================================\n   75 LUXURY HOTELS\n   ========================================================= *\/\n\nconst hotels = [\n\n[\"Burj Al Arab Jumeirah\",\"Dubai\",\"United Arab Emirates\"],\n[\"The Plaza\",\"New York City\",\"United States\"],\n[\"Marina Bay Sands\",\"Singapore\",\"Singapore\"],\n[\"Atlantis The Royal\",\"Dubai\",\"United Arab Emirates\"],\n[\"The Ritz Paris\",\"Paris\",\"France\"],\n[\"Hotel de Crillon\",\"Paris\",\"France\"],\n[\"Claridge's\",\"London\",\"United Kingdom\"],\n[\"The Savoy\",\"London\",\"United Kingdom\"],\n[\"The Dorchester\",\"London\",\"United Kingdom\"],\n[\"Four Seasons Hotel George V\",\"Paris\",\"France\"],\n\n[\"Beverly Hills Hotel\",\"Beverly Hills\",\"United States\"],\n[\"Aman Tokyo\",\"Tokyo\",\"Japan\"],\n[\"Aman New York\",\"New York City\",\"United States\"],\n[\"Aman Venice\",\"Venice\",\"Italy\"],\n[\"Hotel Danieli\",\"Venice\",\"Italy\"],\n[\"Belmond Hotel Cipriani\",\"Venice\",\"Italy\"],\n[\"Grand Hotel Tremezzo\",\"Lake Como\",\"Italy\"],\n[\"Villa d'Este\",\"Lake Como\",\"Italy\"],\n[\"Mandarin Oriental Lake Como\",\"Lake Como\",\"Italy\"],\n[\"Passalacqua\",\"Lake Como\",\"Italy\"],\n\n[\"Cheval Blanc Randheli\",\"Maldives\",\"Maldives\"],\n[\"Soneva Jani\",\"Noonu Atoll\",\"Maldives\"],\n[\"One&Only Reethi Rah\",\"Maldives\",\"Maldives\"],\n[\"Waldorf Astoria Maldives\",\"Maldives\",\"Maldives\"],\n[\"Velaa Private Island\",\"Maldives\",\"Maldives\"],\n[\"Four Seasons Maldives\",\"Maldives\",\"Maldives\"],\n[\"The Brando\",\"Tetiaroa\",\"French Polynesia\"],\n[\"St. Regis Bora Bora\",\"Bora Bora\",\"French Polynesia\"],\n[\"Four Seasons Bora Bora\",\"Bora Bora\",\"French Polynesia\"],\n[\"Conrad Bora Bora Nui\",\"Bora Bora\",\"French Polynesia\"],\n\n[\"Six Senses Zighy Bay\",\"Musandam\",\"Oman\"],\n[\"Alila Jabal Akhdar\",\"Al Hajar Mountains\",\"Oman\"],\n[\"Burj Al Arab Terrace\",\"Dubai\",\"United Arab Emirates\"],\n[\"One&Only The Palm\",\"Dubai\",\"United Arab Emirates\"],\n[\"Atlantis The Palm\",\"Dubai\",\"United Arab Emirates\"],\n[\"Armani Hotel Dubai\",\"Dubai\",\"United Arab Emirates\"],\n[\"Jumeirah Al Naseem\",\"Dubai\",\"United Arab Emirates\"],\n[\"Jumeirah Al Qasr\",\"Dubai\",\"United Arab Emirates\"],\n[\"One&Only Royal Mirage\",\"Dubai\",\"United Arab Emirates\"],\n[\"Mandarin Oriental Jumeira\",\"Dubai\",\"United Arab Emirates\"],\n\n[\"The St. Regis Dubai\",\"Dubai\",\"United Arab Emirates\"],\n[\"Raffles Dubai\",\"Dubai\",\"United Arab Emirates\"],\n[\"Palazzo Versace Dubai\",\"Dubai\",\"United Arab Emirates\"],\n[\"Bulgari Resort Dubai\",\"Dubai\",\"United Arab Emirates\"],\n[\"Capella Bangkok\",\"Bangkok\",\"Thailand\"],\n[\"Mandarin Oriental Bangkok\",\"Bangkok\",\"Thailand\"],\n[\"The Siam\",\"Bangkok\",\"Thailand\"],\n[\"Four Seasons Bangkok\",\"Bangkok\",\"Thailand\"],\n[\"Rosewood Bangkok\",\"Bangkok\",\"Thailand\"],\n[\"Park Hyatt Bangkok\",\"Bangkok\",\"Thailand\"],\n\n[\"The Peninsula Bangkok\",\"Bangkok\",\"Thailand\"],\n[\"Raffles Singapore\",\"Singapore\",\"Singapore\"],\n[\"Capella Singapore\",\"Singapore\",\"Singapore\"],\n[\"The Fullerton Bay Hotel\",\"Singapore\",\"Singapore\"],\n[\"The Ritz-Carlton Millenia Singapore\",\"Singapore\",\"Singapore\"],\n[\"Park Hyatt Sydney\",\"Sydney\",\"Australia\"],\n[\"Shangri-La Sydney\",\"Sydney\",\"Australia\"],\n[\"Crown Towers Melbourne\",\"Melbourne\",\"Australia\"],\n[\"The Langham Melbourne\",\"Melbourne\",\"Australia\"],\n[\"Park Hyatt Melbourne\",\"Melbourne\",\"Australia\"],\n\n[\"The Langham London\",\"London\",\"United Kingdom\"],\n[\"The Connaught\",\"London\",\"United Kingdom\"],\n[\"The Berkeley\",\"London\",\"United Kingdom\"],\n[\"The Lanesborough\",\"London\",\"United Kingdom\"],\n[\"The Goring\",\"London\",\"United Kingdom\"],\n[\"Rosewood London\",\"London\",\"United Kingdom\"],\n[\"The Ritz London\",\"London\",\"United Kingdom\"],\n[\"The Langham Paris\",\"Paris\",\"France\"],\n[\"Le Bristol Paris\",\"Paris\",\"France\"],\n[\"Le Meurice\",\"Paris\",\"France\"],\n\n[\"Shangri-La Paris\",\"Paris\",\"France\"],\n[\"The Peninsula Paris\",\"Paris\",\"France\"],\n[\"La R\u00e9serve Paris\",\"Paris\",\"France\"],\n[\"H\u00f4tel Lutetia\",\"Paris\",\"France\"],\n[\"The Chedi Andermatt\",\"Andermatt\",\"Switzerland\"]\n\n];\n\n\/* =========================================================\n   RELIABLE IMAGE SET\n   ========================================================= *\/\n\nconst images = [\n\n\"https:\/\/images.unsplash.com\/photo-1564501049412-61c2a3083791?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1542314831-068cd1dbfeeb?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1566073771259-6a8506099945?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1551882547-ff40c63fe5fa?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1584132967334-10e028bd69f7?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1566665797739-1674de7a421a?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1590490360182-c33d57733427?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1571896349842-33c89424de2d?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1582719508461-905c673771fd?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1601918774946-25832a4be0d6?auto=format&fit=crop&w=1800&q=85\",\n\n\"https:\/\/images.unsplash.com\/photo-1609949279531-cf48d64bed89?auto=format&fit=crop&w=1800&q=85\"\n\n];\n\n\/* =========================================================\n   ELEMENTS\n   ========================================================= *\/\n\nconst slidesContainer = document.getElementById(\"luxSlides\");\nconst stage = document.getElementById(\"lhStage\");\nconst prevBtn = document.getElementById(\"lhPrev\");\nconst nextBtn = document.getElementById(\"lhNext\");\nconst counter = document.getElementById(\"lhCounter\");\nconst progress = document.getElementById(\"lhProgress\");\nconst favoriteBtn = document.getElementById(\"lhFavorite\");\nconst shareBtn = document.getElementById(\"lhShare\");\n\n\/* =========================================================\n   CREATE 75 SLIDES\n   ========================================================= *\/\n\nhotels.forEach(function(hotel,index){\n\n    const slide = document.createElement(\"div\");\n\n    slide.className = \"lh-slide\";\n\n    slide.dataset.index = index;\n\n    const image = document.createElement(\"img\");\n\n    image.className = \"lh-photo\";\n\n    image.alt = hotel[0] + \" - \" + hotel[1] + \", \" + hotel[2];\n\n    image.loading = index < 2 ? \"eager\" : \"lazy\";\n\n    image.src = images[index % images.length];\n\n    \/*\n       If an image ever fails, try another image.\n       This prevents a blank slide.\n    *\/\n\n    image.onerror = function(){\n\n        const backup1 =\n        \"https:\/\/images.unsplash.com\/photo-1549294413-26f195200c16?auto=format&#038;fit=crop&#038;w=1800&#038;q=85\";\n\n        const backup2 =\n        \"https:\/\/images.unsplash.com\/photo-1568084680786-a84f91d1153c?auto=format&#038;fit=crop&#038;w=1800&#038;q=85\";\n\n        if(!this.dataset.backup1){\n            this.dataset.backup1 = \"1\";\n            this.src = backup1;\n        }\n        else if(!this.dataset.backup2){\n            this.dataset.backup2 = \"1\";\n            this.src = backup2;\n        }\n    };\n\n    image.addEventListener(\"click\",function(){\n\n        const searchVariants = [\n\n            hotel[0] + \" \" + hotel[1] + \" hotels\",\n\n            hotel[1] + \" luxury hotels\",\n\n            hotel[0] + \" booking\",\n\n            hotel[1] + \" hotels booking\",\n\n            hotel[1] + \" cheap hotels\"\n\n        ];\n\n        const query =\n        searchVariants[\n            Math.floor(Math.random()*searchVariants.length)\n        ];\n\n        const url =\n        \"https:\/\/expotil.com\/src\/?q=\" +\n        encodeURIComponent(query);\n\n        window.open(url,\"_blank\",\"noopener\");\n\n    });\n\n    const overlay = document.createElement(\"div\");\n\n    overlay.className = \"lh-overlay\";\n\n    const title = document.createElement(\"h2\");\n\n    title.className = \"lh-title\";\n\n    title.textContent = hotel[0];\n\n    const location = document.createElement(\"div\");\n\n    location.className = \"lh-location\";\n\n    location.textContent =\n        hotel[1] + \" \u2022 \" + hotel[2];\n\n    const number = document.createElement(\"div\");\n\n    number.className = \"lh-number\";\n\n    number.textContent =\n        \"Luxury Hotel \" + (index + 1) + \" of \" + hotels.length;\n\n    overlay.appendChild(title);\n    overlay.appendChild(location);\n    overlay.appendChild(number);\n\n    slide.appendChild(image);\n    slide.appendChild(overlay);\n\n    slidesContainer.appendChild(slide);\n});\n\nconst slides =\ndocument.querySelectorAll(\"#luxhotel-wp .lh-slide\");\n\n\/* =========================================================\n   STARTING SLIDE\n   ========================================================= *\/\n\nlet current = 0;\n\nconst params =\nnew URLSearchParams(window.location.search);\n\nconst requestedSlide =\nparseInt(params.get(\"slide\"),10);\n\nif(\n    Number.isInteger(requestedSlide) &#038;&#038;\n    requestedSlide >= 1 &&\n    requestedSlide <= hotels.length\n){\n    current = requestedSlide - 1;\n}\nelse{\n    current =\n    Math.floor(Math.random()*hotels.length);\n}\n\n\/* =========================================================\n   SHOW SLIDE\n   ========================================================= *\/\n\nfunction showSlide(index){\n\n    if(index < 0){\n        index = hotels.length - 1;\n    }\n\n    if(index >= hotels.length){\n        index = 0;\n    }\n\n    current = index;\n\n    slides.forEach(function(slide,i){\n\n        slide.classList.toggle(\n            \"active\",\n            i === current\n        );\n\n    });\n\n    counter.textContent =\n        (current + 1) + \" \/ \" + hotels.length;\n\n    progress.style.width =\n        ((current + 1) \/ hotels.length * 100) + \"%\";\n\n    \/*\n       Update ?slide= without adding # or reloading page.\n    *\/\n\n    try{\n\n        const newUrl =\n            window.location.pathname +\n            \"?slide=\" +\n            (current + 1);\n\n        window.history.replaceState(\n            {slide:current + 1},\n            \"\",\n            newUrl\n        );\n\n    }catch(e){}\n\n}\n\n\/* =========================================================\n   PREVIOUS \/ NEXT\n   ========================================================= *\/\n\nfunction previousSlide(){\n\n    showSlide(current - 1);\n\n}\n\nfunction nextSlide(){\n\n    showSlide(current + 1);\n\n}\n\nprevBtn.addEventListener(\n    \"click\",\n    previousSlide\n);\n\nnextBtn.addEventListener(\n    \"click\",\n    nextSlide\n);\n\n\/* =========================================================\n   KEYBOARD\n   ========================================================= *\/\n\ndocument.addEventListener(\n    \"keydown\",\n    function(e){\n\n        if(e.key === \"ArrowLeft\"){\n            previousSlide();\n        }\n\n        if(e.key === \"ArrowRight\"){\n            nextSlide();\n        }\n\n    }\n);\n\n\/* =========================================================\n   TOUCH \/ MOBILE SWIPE\n   ========================================================= *\/\n\nlet touchStartX = 0;\nlet touchStartY = 0;\n\nstage.addEventListener(\n    \"touchstart\",\n    function(e){\n\n        if(!e.touches || !e.touches.length){\n            return;\n        }\n\n        touchStartX =\n            e.touches[0].clientX;\n\n        touchStartY =\n            e.touches[0].clientY;\n\n    },\n    {passive:true}\n);\n\nstage.addEventListener(\n    \"touchend\",\n    function(e){\n\n        if(!e.changedTouches || !e.changedTouches.length){\n            return;\n        }\n\n        const endX =\n            e.changedTouches[0].clientX;\n\n        const endY =\n            e.changedTouches[0].clientY;\n\n        const diffX =\n            endX - touchStartX;\n\n        const diffY =\n            endY - touchStartY;\n\n        \/*\n           Horizontal swipe only.\n        *\/\n\n        if(\n            Math.abs(diffX) > 50 &&\n            Math.abs(diffX) > Math.abs(diffY)\n        ){\n\n            if(diffX < 0){\n                nextSlide();\n            }\n            else{\n                previousSlide();\n            }\n\n        }\n\n    },\n    {passive:true}\n);\n\n\/* =========================================================\n   AUTOMATIC 7 SECOND SLIDESHOW\n   ========================================================= *\/\n\nlet autoTimer = null;\n\nfunction startAuto(){\n\n    clearInterval(autoTimer);\n\n    autoTimer =\n        setInterval(\n            function(){\n                nextSlide();\n            },\n            7000\n        );\n\n}\n\nstartAuto();\n\n\/* =========================================================\n   PAUSE WHILE MOUSE IS OVER SLIDER\n   ========================================================= *\/\n\nstage.addEventListener(\n    \"mouseenter\",\n    function(){\n        clearInterval(autoTimer);\n    }\n);\n\nstage.addEventListener(\n    \"mouseleave\",\n    function(){\n        startAuto();\n    }\n);\n\n\/* =========================================================\n   FAVORITE\n   ========================================================= *\/\n\nfunction updateFavorite(){\n\n    try{\n\n        const saved =\n            localStorage.getItem(\"luxhotelFavorite\");\n\n        if(saved === \"yes\"){\n\n            favoriteBtn.textContent =\n                \"\u2764\ufe0f Favorited\";\n\n        }\n\n    }catch(e){}\n\n}\n\nfavoriteBtn.addEventListener(\n    \"click\",\n    function(){\n\n        try{\n\n            localStorage.setItem(\n                \"luxhotelFavorite\",\n                \"yes\"\n            );\n\n            favoriteBtn.textContent =\n                \"\u2764\ufe0f Favorited\";\n\n        }catch(e){\n\n            alert(\n                \"Please use your browser bookmark option to save this page.\"\n            );\n\n        }\n\n    }\n);\n\nupdateFavorite();\n\n\/* =========================================================\n   SHARE\n   ========================================================= *\/\n\nshareBtn.addEventListener(\n    \"click\",\n    async function(){\n\n        const shareData = {\n\n            title:\n                \"World's Most Luxurious Hotels\",\n\n            text:\n                \"Discover 75 of the world's most luxurious hotels.\",\n\n            url:\n                window.location.href\n\n        };\n\n        try{\n\n            if(\n                navigator.share &#038;&#038;\n                typeof navigator.share === \"function\"\n            ){\n\n                await navigator.share(shareData);\n\n            }\n            else if(\n                navigator.clipboard &#038;&#038;\n                navigator.clipboard.writeText\n            ){\n\n                await navigator.clipboard.writeText(\n                    window.location.href\n                );\n\n                alert(\n                    \"Page link copied!\"\n                );\n\n            }\n            else{\n\n                alert(\n                    window.location.href\n                );\n\n            }\n\n        }catch(e){}\n\n    }\n);\n\n\/* =========================================================\n   INITIALIZE\n   ========================================================= *\/\n\nshowSlide(current);\n\n})();\n<\/script>\n\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>\ud83c\udfe0 Main Page \u2764\ufe0f Favorite \ud83d\udd17 Share \u2039 \u203a 1 \/ 75 Auto-changing every 7 seconds \u2022 Use \u2190 \u2192 or swipe on mobile<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[1],"tags":[],"class_list":["post-55","post","type-post","status-publish","format-standard","hentry","category-uncategorized"],"_links":{"self":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/55","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/comments?post=55"}],"version-history":[{"count":7,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/55\/revisions"}],"predecessor-version":[{"id":62,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/posts\/55\/revisions\/62"}],"wp:attachment":[{"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/media?parent=55"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/categories?post=55"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/expotil.com\/src\/index.php\/wp-json\/wp\/v2\/tags?post=55"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}