{"id":8,"date":"2026-03-05T00:24:29","date_gmt":"2026-03-05T03:24:29","guid":{"rendered":"http:\/\/arttamoveis.com.br\/index.php\/checkout\/"},"modified":"2026-03-24T00:21:53","modified_gmt":"2026-03-24T03:21:53","slug":"portfolio","status":"publish","type":"page","link":"https:\/\/arttamoveis.com.br\/index.php\/portfolio\/","title":{"rendered":"Portf\u00f3lio"},"content":{"rendered":"\n<style>\n.carousel {\n    max-width: 60%;\n    margin: 40px auto;\n    text-align: center;\n}\n\n\/* IMAGEM PRINCIPAL *\/\n.main-image {\n    width: 100%;\n    height: 500px;\n    object-fit: cover;\n    border-radius: 10px;\n    opacity: 1;\n    transition: opacity 0.4s ease;\n}\n\n\/* fade *\/\n.fade-out {\n    opacity: 0;\n}\n\n\/* BOT\u00d5ES *\/\n.controls button {\n    padding: 10px 18px;\n    margin: 10px 5px;\n    border: none;\n    background: #8B6F4E;\n    color: #fff;\n    cursor: pointer;\n    border-radius: 5px;\n}\n\n\/* MINIATURAS *\/\n.thumbnails {\n    display: flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    justify-content: center;\n}\n\n.thumbnails img {\n    width: 80px;\n    height: 60px;\n    object-fit: cover;\n    cursor: pointer;\n    opacity: 0.5;\n    border-radius: 5px;\n    transition: 0.3s;\n}\n\n.thumbnails img.active,\n.thumbnails img:hover {\n    opacity: 1;\n    border: 2px solid #8B6F4E;\n}\n<\/style>\n\n<div class=\"carousel\">\n    <img id=\"mainImage\" class=\"main-image\">\n\n    <div class=\"controls\">\n        <button type=\"button\" onclick=\"prevImage()\">\u25c0<\/button>\n        <button type=\"button\" onclick=\"nextImage()\">\u25b6<\/button>\n    <\/div>\n\n    <div class=\"thumbnails\" id=\"thumbnails\"><\/div>\n<\/div>\n\n<script>\nlet images = [];\nlet currentIndex = 0;\n\nfetch('\/portfolio\/uploads\/list.php')\n.then(res => res.json())\n.then(data => {\n    images = data;\n    initCarousel();\n});\n\nfunction initCarousel(){\n    if(images.length === 0) return;\n\n    const thumbs = document.getElementById(\"thumbnails\");\n\n    images.forEach((src, i) => {\n        let img = document.createElement(\"img\");\n        img.src = src;\n        img.onclick = (e) => {\n            e.preventDefault(); \/\/ impede rolagem\n            selectImage(i);\n        };\n\n        if(i === 0) img.classList.add(\"active\");\n\n        thumbs.appendChild(img);\n    });\n\n    update(true);\n}\n\nfunction update(firstLoad = false){\n    const main = document.getElementById(\"mainImage\");\n\n    if(!firstLoad){\n        main.classList.add(\"fade-out\");\n\n        setTimeout(() => {\n            main.src = images[currentIndex];\n            main.classList.remove(\"fade-out\");\n        }, 200);\n    } else {\n        main.src = images[currentIndex];\n    }\n\n    document.querySelectorAll(\"#thumbnails img\").forEach((img, i) => {\n        img.classList.toggle(\"active\", i === currentIndex);\n    });\n}\n\nfunction nextImage(){\n    currentIndex = (currentIndex + 1) % images.length;\n    update();\n}\n\nfunction prevImage(){\n    currentIndex = (currentIndex - 1 + images.length) % images.length;\n    update();\n}\n\nfunction selectImage(i){\n    currentIndex = i;\n    update();\n}\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u25c0 \u25b6<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":14,"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":279,"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/279"}],"wp:attachment":[{"href":"https:\/\/arttamoveis.com.br\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}