Masculino

Nome de A-Z
document.addEventListener("DOMContentLoaded", function () { const wrapper = document.querySelector("#thumbnails-list .bx-wrapper.horizontal"); if (wrapper) { const controls = wrapper.querySelector(".bx-controls-direction"); if (controls) { controls.style.display = "flex"; controls.style.justifyContent = "space-between"; controls.style.position = "absolute"; controls.style.top = "50%"; controls.style.left = "0"; controls.style.right = "0"; controls.style.transform = "translateY(-50%)"; controls.style.zIndex = "10"; // Força as setas a aparecerem controls.querySelectorAll("a").forEach(a => { a.style.display = "inline-block"; a.classList.remove("disabled"); }); } } }); document.addEventListener('DOMContentLoaded', function() { // Função principal que será executada function initThumbnailArrows() { // 1. Seleciona o container das miniaturas const thumbnailCarousel = document.getElementById('thumbnails-list'); if (!thumbnailCarousel) return; // Sai se não encontrar o carrossel // 2. Esconde TODAS as setas de navegação do site document.querySelectorAll('.bx-prev, .bx-next').forEach(arrow => { arrow.style.display = 'none'; arrow.style.visibility = 'hidden'; }); // 3. Mostra APENAS as setas do carrossel de miniaturas const thumbArrows = thumbnailCarousel.querySelectorAll('.bx-prev, .bx-next'); thumbArrows.forEach(arrow => { arrow.style.display = 'block'; arrow.style.visibility = 'visible'; arrow.style.opacity = '1'; }); // 4. Aplica estilos específicos para as setas visíveis const style = document.createElement('style'); style.textContent = ` #thumbnails-list .bx-prev, #thumbnails-list .bx-next { position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: rgba(0,0,0,0.5); color: white; text-align: center; line-height: 30px; z-index: 999; border-radius: 50%; cursor: pointer; } #thumbnails-list .bx-prev { left: 10px; } #thumbnails-list .bx-next { right: 10px; } #thumbnails-list .bx-prev:hover, #thumbnails-list .bx-next:hover { background: rgba(0,0,0,0.8); } `; document.head.appendChild(style); } // Executa imediatamente e também a cada 500ms por 5 segundos (caso o carrossel carregue dinamicamente) initThumbnailArrows(); let retries = 0; const interval = setInterval(() => { initThumbnailArrows(); retries++; if (retries >= 10) clearInterval(interval); // Para após 5 segundos (10 tentativas) }, 500); });