Empresas
Empregos
  • Sobre nós
  • Soluções
    • Publicação de vagas
      Publique sua vaga e receba candidatos qualificados em 48h.
    • Avaliações de candidatos
      Mais de 500 testes técnicos e psicológicos, mais anti-fraude.
    • Headhunting
      Busca executiva personalizada do início ao fim.
    • Folha de Pagamento + EOR
      Dispersão de folha e EOR em mais de 15 países da LATAM.
  • Preços
  • Empregos

0

112
Visualizações
Mi Imagen Modal no funciona después de cambiar de ID a Clase

Tengo un modal de imagen y lo tenía en la imagen de ID que obviamente no funcionó, así que cambié id a class y ahora el modal de imagen no funciona en absoluto y no puedo ver qué tiene de malo. Se agradece toda y cualquier ayuda.

Modalidad HTML

 <div id="myModal" class="modal"> <span class="close">x</span> <img class="modal-content" id="img01"> <div id="caption"></div> </div>

Imagen PHP

 "<tr><td><img class='myImg' src='" . $fileName . "' alt=' ". $obj->Description . "' width='50px'>" .

JavaScript

 var modal = document.getElementById("myModal"); var img = document.getElementsByClassName("myImg"); for(var i=0; i<img.length; i++){ var modalImg = document.getElementById("img01"); var captionText = document.getElementById("caption"); img[i].addEventListener = ('click', function(){ modal.style.display = "block"; modalImg.src = this.src; captionText.innerHTML = this.alt; }) } var span = document.getElementsByClassName("close")[0]; document.addEventListener("keydown", function(event) { const key = event.key; if (key === "Escape") { modal.style.display = "none"; } }) span.onclick = function() { modal.style.display = "none"; }
about 4 years ago · Juan Pablo Isaza
1 Respostas
Responde à pergunta

0

El detector de eventos de clic en el ciclo for es incorrecto. Actualmente está asignando la función de devolución de llamada al método addEventListener .

 img[i].addEventListener = ('click', function(){

Esto debería ser:

 img[i].addEventListener('click', function() {
about 4 years ago · Juan Pablo Isaza Relatório
Responde à pergunta
Encontrar trabalhos remotos

Descubra a nova forma de encontrar um emprego!

melhores empregos
Principais categorias de trabalho
Empresas
Postar vaga Preços Comercial
Jurídico
Termos e Condições Política de privacidade
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomende algumas ofertas para mim
Preciso de ajuda