Foros del Web » Programando para Internet » Jquery »

[SOLUCIONADO] Como cambiar url de un background (css) por la url de un img (en el html) gracias

Estas en el tema de Como cambiar url de un background (css) por la url de un img (en el html) gracias en el foro de Jquery en Foros del Web. Buen día, agradecería mucho si me colaboran para saber como hago en jquery para que un div cambie la url de su background (es decir ...
  #1 (permalink)  
Antiguo 24/06/2016, 09:50
 
Fecha de Ingreso: junio-2016
Ubicación: Colombia
Mensajes: 4
Antigüedad: 7 años, 10 meses
Puntos: 1
Pregunta Como cambiar url de un background (css) por la url de un img (en el html) gracias

Buen día, agradecería mucho si me colaboran para saber como hago en jquery para que un div cambie la url de su background (es decir desde el css) por la url de una imagen (de un img) desde el html en el atributo "src" al hacer click en dicha imagen, la verdad no le doy a lograr que una variable que tome la url del atributo "src" en el html remplace al valor del css en el atributo "backgroud" es decir su ruta... les comparto el código en codepen para hacerme entender mejor, dicho código consiste en que hay unas miniaturas que al darles click deben cambiar y remplazar a dos imágenes, una basándose en el mismo atributo src en el html, con la cual lo logro sin problema, pero la otra es la que quiero cambiar por la imagen de la miniatura pero la ruta de esta imagen debe remplazar a la de su background, y no lo he logrado.... de antemano muchas gracias [URL="http://codepen.io/EdwingGit/pen/dXNomP"]http://codepen.io/EdwingGit/pen/dXNomP[/URL]
  #2 (permalink)  
Antiguo 24/06/2016, 17:14
 
Fecha de Ingreso: junio-2016
Ubicación: Colombia
Mensajes: 4
Antigüedad: 7 años, 10 meses
Puntos: 1
De acuerdo Respuesta: Como cambiar url de un background (css) por la url de un img (en el html)

Ya me ayudaron a encontrar la manera de hacerlo, lo comparto por si alguna vez alguien lo necesitara, de este modo se toma como variable la url del background para generarse según la url de los img en el html al darles click:
Código:
$("img").click( function() { 
  var src = $(this).attr("src");  
  $(".interactivo").css({"background-image":"url('"+src+"')"});  
});
..en el codepen ya esta solucionado
[URL="http://codepen.io/EdwingGit/pen/dXNomP"]http://codepen.io/EdwingGit/pen/dXNomP[/URL]

Buen día para todos...

Etiquetas: background, css, gracias, html, img, url
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 18:31.