6 385
edições
Sem resumo de edição |
Sem resumo de edição |
||
Linha 10: | Linha 10: | ||
<form id="imageForm"> | <form id="imageForm"> | ||
<div class="input-group"> | <div class="input-group"> | ||
<input type="text" id="imageSearch" placeholder="Digite o nome | <input type="text" id="imageSearch" placeholder="Digite o nome do Pokémon" autocomplete="off"> | ||
<div id="dropdown" class="dropdown"></div> | <div id="dropdown" class="dropdown"></div> | ||
</div> | </div> | ||
Linha 74: | Linha 74: | ||
imagesHtml += ` | imagesHtml += ` | ||
<div class="variation-item"> | <div class="variation-item"> | ||
<div class="image-container"> | |||
<img src="${variation.additionalImages[0].url}" alt="Variation Image" class="variation-image" data-variation-index="${index}" style="width: ${variation.additionalImages[0].width}px;"> | <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><br> | <div class="swap-button" data-variation-index="${index}"></div><br> | ||
</div> | |||
<div class="image-info"> | <div class="image-info"> | ||
<img src="${variation.descriptionIMG}" alt="Description Image" style="margin-right: 5px; display: inline-block;"> <!-- Exibe a imagem antes da descrição --> | <img src="${variation.descriptionIMG}" alt="Description Image" style="margin-right: 5px; display: inline-block;"> <!-- Exibe a imagem antes da descrição --> |