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 179: Linha 179:
         imagesHtml += `
         imagesHtml += `
             <div class="variation-item">
             <div class="variation-item">
                <img src="${variation.descriptionIMG}" alt="Description Image" style="width: 45px; margin-bottom: 5px;"> <!-- Adicionando a imagem da descrição -->
                <img src="${variation.additionalImages[0].url}" alt="Variation Image" class="variation-image" data-variation-index="${index}" style="width: ${variation.additionalImages[0].width}px;">
                <div class="swap-button" data-variation-index="${index}"></div>
                 <div class="image-info">
                 <div class="image-info">
                     <b>Nome do Addon</b>: ${variation.description} <br> <!-- Mudando a ordem para exibir a descrição após a imagem -->
                    <img src="${variation.descriptionIMG}" alt="Description Image" style="width: 45px; margin-right: 5px; display: inline-block;"> <!-- Exibe a imagem antes da descrição -->
                     <b>Nome do Addon</b>: ${variation.description} <br> <!-- Descrição após a imagem -->
                     <b>Como Obter</b>: <a href="${variation.obtain.url}" target="_blank">${variation.obtain.text}</a>
                     <b>Como Obter</b>: <a href="${variation.obtain.url}" target="_blank">${variation.obtain.text}</a>
                 </div>
                 </div>
                <img src="${variation.additionalImages[0].url}" alt="Variation Image" class="variation-image" data-variation-index="${index}" style="width: ${variation.additionalImages[0].width}px;">
                <div class="swap-button" data-variation-index="${index}"></div>
             </div>
             </div>
         `;
         `;
Linha 205: Linha 205:
         button.addEventListener('click', () => {
         button.addEventListener('click', () => {
             currentImageIndex = (currentImageIndex + 1) % variation.additionalImages.length;
             currentImageIndex = (currentImageIndex + 1) % variation.additionalImages.length;
             const variationImage = button.previousElementSibling;
             const variationImage = button.previousElementSibling; // Atualiza a imagem da variação
             variationImage.src = variation.additionalImages[currentImageIndex].url;
             variationImage.src = variation.additionalImages[currentImageIndex].url;
             variationImage.style.width = `${variation.additionalImages[currentImageIndex].width}px`;
             variationImage.style.width = `${variation.additionalImages[currentImageIndex].width}px`;
Linha 211: Linha 211:
     });
     });
}
}
     </script>
     </script>
</body>
</body>
</html>
</html>
5 801

edições