Renee
Registrado há 3 anos
(→b) |
|||
| (28 revisões intermediárias por 3 usuários não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
= b = | = b = | ||
== z == | |||
== bla bla bla == | == bla bla bla == | ||
<!-- {{#widget:Test}} --> | <!-- {{#widget:Test}} --> | ||
| Linha 16: | Linha 16: | ||
</table> | </table> | ||
== bla bla bleh == | == bla bla bleh == | ||
{|class="wikitable" style="text-align: center" | {|class="wikitable" style="text-align: center" | ||
! colspan="2"|Nome | ! colspan="2"|Nome | ||
| Linha 27: | Linha 26: | ||
|- | |- | ||
|} | |} | ||
Edição atual tal como às 20h49min de 13 de abril de 2025
b
z
bla bla bla
`;
imageInfo.variations.forEach((variation, index) => {
imagesHtml += `
`;
});
imagesHtml += `
`;
imageContainer.innerHTML = imagesHtml;
imageContainer.classList.remove('hidden');
// Alternar imagens ao clicar no botão de troca
const swapButtons = document.querySelectorAll('.swap-button');
swapButtons.forEach(button => {
const index = button.getAttribute('data-variation-index');
const variation = imageInfo.variations[index];
let currentImageIndex = 0;
button.addEventListener('click', () => {
const variationImage = button.previousElementSibling; // Atualiza a imagem da variação
// Aplica o efeito de saída
variationImage.classList.add('fade-out');
// Aguarda o término da animação antes de trocar a imagem
setTimeout(() => {
currentImageIndex = (currentImageIndex + 1) % variation.additionalImages.length;
variationImage.src = variation.additionalImages[currentImageIndex].url;
variationImage.style.width = `${variation.additionalImages[currentImageIndex].width}px`;
// Remove o efeito de saída e aplica o efeito de entrada
variationImage.classList.remove('fade-out');
variationImage.classList.add('fade-in');
// Remove o efeito de entrada após a transição
setTimeout(() => {
variationImage.classList.remove('fade-in');
}, 300); // Duração da animação CSS (0.3s)
}, 300); // Sincroniza com a duração do efeito de saída
});
});
}
`;
// Exibe `descriptionIMG` se estiver presente
if (variation.descriptionIMG) {
imagesHtml += `
`; } imagesHtml += `Nome: ${variation.description}
`; // Exibe `obtain` se estiver presente if (variation.obtain) { imagesHtml += `Como Obter: ${variation.obtain.text}
`; } // Exibe `customColor` se estiver presente if (variation.customColor) { imagesHtml += `Cor Customizável: ${variation.customColor}
`; } imagesHtml += `
`; } imagesHtml += `Nome: ${variation.description}
`; // Exibe `obtain` se estiver presente if (variation.obtain) { imagesHtml += `Como Obter: ${variation.obtain.text}
`; } // Exibe `customColor` se estiver presente if (variation.customColor) { imagesHtml += `Cor Customizável: ${variation.customColor}
`; } imagesHtml += `
 |
Veja mais: Mecha - Mecha Fly Quest |
bla bla bleh
| Nome | Dificuldade | Resistência | Clãs Indicados | |
|---|---|---|---|---|
 |
Nightmare Grimer | Baixa | Cinnabar |  
|