¿Cómo puedo modificar un background-image desde Javascript/JQuery?

publicado por: Anonymous

Necesito cambiar el valor background-imagen de una etiqueta IMG:

<img style="z-index: 999; overflow: hidden; margin-left: 1px; margin-top: 1px; background-position: -43.0385px -342px; width: 312px; height: 378px; float: left; cursor: default; background-repeat: no-repeat; position: absolute; background-image: url("https://www.dyna.com.co/thumb/phpThumb.php?src=http://190.248.128.69:8002/public/imagenescatalogo/885830-1.jpg&w=1080&h=720&far=1&bg=ffffff&q=99"); top: 0px; left: 0px; display: none;" src="mifondo.jpg">

¿Cómo podria modificar yo background-image que está dentro de style y style está dentro de la etiqueta IMG con jquery o javascript?

solución

Tendrías que hacer referencia a la imagen desde Javascript y, desde allí, acceder a la propiedad backgroundImage para poder cambiarsela. Supongamos que le pones el id imagen.

Sería así:

Mediante Javascript

var imagen = document.getElementById("imagen");
imagen.style.backgroundImage = "url('tuUrl')";

Nota: Ten en cuenta que backgroundImage va junto para poder modificarlo desde Javascript.

Mediante JQuery

$('#imagen').css("background-image", "url(tuUrl)"); 
Respondido por: Anonymous

Leave a Reply

Your email address will not be published. Required fields are marked *