11 Voto

jQuery: Cambiar Imagen

Pregunta de Invitado | 05/08/2020 a las 21:05

Estoy mostrando una imagen en mi código HTML y me gustaría reemplazar esta imagen con otra dinámicamente usando JavaScript (jQuery).

El HTML para las imágenes se ve así, por ejemplo.

<img id="img1" src="test.jpg">

Ahora, me gustaría cambiar "test.jpg" a "nuevo.jpg", por ejemplo. En otras palabras, me gustaría modificar el atributo SRC de la tag IMG. ¿Es esto posible usando jQuery?

ResponderPositivoNegativo
Avatar
0Mejor Respuesta0 Votos

Con jQuery, simplemente puede intercambiar su imagen con .attr(). En el siguiente ejemplo, tomaré los valores de su pregunta.

$("#img1").attr("src", "nuevo.jpg");

En primer lugar, estamos usando el selector $("#img1") para seleccionar la imagen con el ID "img1". Después de eso, usaremos .attr() para darle al atributo "src" el nuevo valor "nuevo.jpg". Con esto, ha cambiado su imagen.
06/08/2020 a las 16:59

ResponderPositivo Negativo
Responder

Temas Relacionados

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.