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?
Temas Relacionados
VirtualBox: Cambiar la Fecha y la Hora
Tutorial | 10 Comentarios
JavaScript: Cómo cambiar y leer un valor de input sin jQuery usando JavaScript puro
Pregunta | 1 Respuesta
jQuery: ¿Hay un Elemento?
Consejo | 1 Comentario
JavaScript: Capturar el Envío de un Formulario
Tutorial | 0 Comentarios
jQuery: Contar Elementos, Imágenes, Clases, etc.
Consejo | 0 Comentarios
JavaScript y jQuery: Reemplazar el contenido de un elemento usando innerHTML
Tutorial | 0 Comentarios
jQuery: Leer y Cambiar los Valores de los Atributos Data
Tutorial | 0 Comentarios
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.
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