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 88: Linha 88:
                 variations: [
                 variations: [
                     {  
                     {  
                        imageUrl: 'https://wiki.pokexgames.com/images/3/3b/Clefable_Lovely-_Accessory.png',
                         description: 'Charmander XXX',
                         description: 'Charmander XXX',
                         obtain: {
                         obtain: {
                             url: 'https://wiki.pokexgames.com/index.php/Craft_Profissões_-_Estilista#Rank_E',
                             url: 'https://wiki.pokexgames.com/index.php/Craft_Profissões_-_Estilista#Rank_E',
                             text: 'Estilista'
                             text: 'Estilista'
                         }
                         }  
                     },
                     },
                     {  
                     {
                         description: 'Charmander com habilidade rara.',
                        imageUrl: 'https://wiki.pokexgames.com/images/3/3b/Clefable_Lovely-_Accessory.png',
                         description: 'Charmander brabo.',
                         obtain: {
                         obtain: {
                             url: 'https://wiki.pokexgames.com/index.php/Charmander_Habilidade',
                             url: 'https://wiki.pokexgames.com/index.php/Craft_Profissões_-_Estilista#Rank_E',
                             text: 'Habilidade Rara de Charmander'
                             text: 'Estilista'
                         }
                         }  
                     }
                     }
                 ]
                 ]
             },
             },
            'Bulbasaur': {
                imageUrl: 'https://example.com/bulbasaur.png'
            },
            'Squirtle': {
                imageUrl: 'https://example.com/squirtle.png'
            }
         };
         };


Linha 152: Linha 148:
         });
         });


        function showImageInfo(imageName) {
function showImageInfo(imageName) {
            const imageInfo = imageList[imageName];
    const imageInfo = imageList[imageName];
            let imagesHtml = `
    let imagesHtml = `
                <div class="image-item">
        <div class="image-item">
                    <img src="${imageInfo.imageUrl}" alt="${imageName}">
            <img src="${imageInfo.imageUrl}" alt="${imageName}">
        </div>
    `;
 
    if (imageInfo.variations) {
        imagesHtml += '<div class="variations-container">';
        imageInfo.variations.forEach(variation => {
            imagesHtml += `
                <div class="variation-item">
                    <img src="${variation.imageUrl}" alt="Variation Image">
                    <div class="image-info">
                        <b>Descrição</b>: ${variation.description} <br>
                        <b>Como Obter</b>: <a href="${variation.obtain.url}" target="_blank">${variation.obtain.text}</a>
                    </div>
                 </div>
                 </div>
             `;
             `;
        });
        imagesHtml += '</div>';
    }


            if (imageInfo.variations) {
    imageContainer.innerHTML = imagesHtml;
                imagesHtml += '<div class="variations-container">';
    imageContainer.classList.remove('hidden');
                imageInfo.variations.forEach(variation => {
}
                    imagesHtml += `
                        <div class="variation-item">
                            <img src="https://via.placeholder.com/100" alt="Variation Image">
                            <div class="image-info">
                                <b>Descrição</b>: ${variation.description} <br>
                                <b>Como Obter</b>: <a href="${variation.obtain.url}" target="_blank">${variation.obtain.text}</a>
                            </div>
                        </div>
                    `;
                });
                imagesHtml += '</div>';
            }


            imageContainer.innerHTML = imagesHtml;
            imageContainer.classList.remove('hidden');
        }
     </script>
     </script>
</body>
</body>
</html>
</html>
5 801

edições