5 801
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 179: | Linha 179: | ||
imagesHtml += ` | imagesHtml += ` | ||
<div class="variation-item"> | <div class="variation-item"> | ||
<div class="image-info"> | <div class="image-info"> | ||
<b>Nome do Addon</b>: ${variation.description} <br> <!-- | <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> |