Utilizei o mesmo código do vídeo, porém quando clico numa imagem nova, ela aparece gigantesca no figure caption. Além disso, as demais imagens do site somem quando a nova imagem aparece no figure caption.
Utilizei o mesmo código do vídeo, porém quando clico numa imagem nova, ela aparece gigantesca no figure caption. Além disso, as demais imagens do site somem quando a nova imagem aparece no figure caption.
hoje, com a Alura e o Google Gemini
Oi Geovanna, como vai? Espero que esteja bem ^-^
Sinto muito pela demora em obter um retorno.
Sobre a imagem aparecer gigante no figure caption, pode ser devido a própria imagem ter propriedades altas de largura e altura. E para limitar isso, podemos utilizar propriedades css de largura e altura para limitá-la. No exemplo abaixo, definimos que a imagem terá 200 pixels de largura e altura.
style="width: 200px;height: 200px; max-width: 100%"Para surtir efeito, devemos colocar esse trecho no arquivo app.js, alterando a variável imagem:
let imagem = $('<img class="img-responsive" style="width: 200px;height: 200px; max-width: 100%">');Em relação as demais imagens do site sumirem, não entendi muito bem como isso está ocorrendo. Por gentileza, coloque o link do seu projeto por aqui para que eu possa efetuar os testes e direcioná-la quanto a isso.
Fico no aguardo.