5 667
edições
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; | ||
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 | // Alternar imagens ao clicar no botão de troca | ||
const | const swapButtons = document.querySelectorAll('.swap-button'); | ||
const | |||
swapButtons.forEach(button => { | |||
const index = button.getAttribute('data-index'); | |||
const variation = imageInfo.variations[index]; | |||
let currentImageIndex = 0; | |||
button.addEventListener('click', () => { | button.addEventListener('click', () => { | ||
currentImageIndex = (currentImageIndex + 1) % variation.additionalImages.length; | |||
const variationImage = button.previousElementSibling; | |||
variationImage.src = variation.additionalImages[currentImageIndex]; | |||
}); | }); | ||
}); | }); |