Widget:Test: mudanças entre as edições

sem sumário de edição
Sem resumo de edição
Sem resumo de edição
Linha 43: Linha 43:
             margin: 0 auto;
             margin: 0 auto;
         }
         }
       
 
         .variations-container {
         .variations-container {
             display: flex;
             display: flex;
Linha 70: Linha 70:
             margin-top: 10px;
             margin-top: 10px;
             cursor: pointer;
             cursor: pointer;
             text-align: center;
             width: 30px;
            height: 30px;
             background: url('https://wiki.pokexgames.com/images/2/2d/Comvip.png') no-repeat center;
             background: url('https://wiki.pokexgames.com/images/2/2d/Comvip.png') no-repeat center;
             background-size: contain;
             background-size: contain;
            display: block;
            margin: 10px auto;
         }
         }
     </style>
     </style>
Linha 193: Linha 196:
             imageContainer.classList.remove('hidden');
             imageContainer.classList.remove('hidden');


             // Alternar imagens ao clicar na imagem centralizada
             // Alternar imagens ao clicar no botão de troca
             const variationsContainers = document.getElementById('variationsContainer');
             const swapButtons = document.querySelectorAll('.swap-button');
             const swapButtons = variationsContainers.getElementsByClassName('swap-button');
              
            swapButtons.forEach(button => {
                const index = button.getAttribute('data-index');
                const variation = imageInfo.variations[index];
                let currentImageIndex = 0;


            Array.from(swapButtons).forEach(button => {
                 button.addEventListener('click', () => {
                 button.addEventListener('click', () => {
                     const index = button.getAttribute('data-index');
                     currentImageIndex = (currentImageIndex + 1) % variation.additionalImages.length;
                    const variation = imageInfo.variations[index];
                    const variationImage = button.previousElementSibling;
                    let currentImageIndex = 0;
                    variationImage.src = variation.additionalImages[currentImageIndex];
 
                    button.addEventListener('click', () => {
                        currentImageIndex = (currentImageIndex + 1) % variation.additionalImages.length;
                        button.previousElementSibling.src = variation.additionalImages[currentImageIndex];
                    });
                 });
                 });
             });
             });
5 667

edições