Renee
Registrado há 3 anos
Sem resumo de edição |
(→b) |
||
| (87 revisões intermediárias por 3 usuários não estão sendo mostradas) | |||
| Linha 1: | Linha 1: | ||
= b = | |||
== z == | |||
== bla bla bla == | |||
<!-- {{#widget:Test}} --> | |||
{{#widget:AddonsStyle}} | |||
{{#widget:Test}} | {{#widget:Test}} | ||
{{#widget:Test2}} | |||
<table class="seeMore"> | |||
<tr> | |||
<td class="seeMore__image">[[Arquivo:Telekinetic-compass.gif|link=]]</td> | |||
<td> '''Veja mais: [[Mecha]] - [[Mecha Fly Quest]]'''</td> | |||
</tr> | |||
</table> | |||
= | == bla bla bleh == | ||
{|class="wikitable" style="text-align: center" | |||
{| class ="wikitable" style="text-align:center | ! colspan="2"|Nome | ||
! colspan="2" | | ! Dificuldade | ||
! | ! Resistência | ||
! | ! Clãs Indicados | ||
! | |||
|- | |- | ||
| [[Arquivo:088-Grimer.png|link=Grimer]] || [[Nightmare Grimer]] || Baixa || Cinnabar || [[file:Psycraft1.png|link=Psycraft]] [[file:Orebound1.png|link=Orebound]] | |||
|- | |- | ||
|} | |} | ||
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 |  
|