Foros del Web » Programando para Internet » Jquery »

Introducir ruta de imagen con jquery

Estas en el tema de Introducir ruta de imagen con jquery en el foro de Jquery en Foros del Web. Buenos dias, la duda que tengo es como introducir el valor de una imagen con jquery. Mas especifco cuando se tiene el <img src=""></img> como ...
  #1 (permalink)  
Antiguo 13/08/2014, 12:39
 
Fecha de Ingreso: febrero-2014
Ubicación: Hermosillo, Sonora
Mensajes: 86
Antigüedad: 10 años, 9 meses
Puntos: 0
Introducir ruta de imagen con jquery

Buenos dias, la duda que tengo es como introducir el valor de una imagen con jquery. Mas especifco cuando se tiene el <img src=""></img> como se le puede decir al src que tome el valor de una variable la cual contenga la ruta de la imagen. EL codigo que tengo es el siguiente

<img src=""></img>

<script>

$( "#id_banco2" ).autocomplete({
source:"/ajax/banco_autocomplete/",
select:function(event, ui){
url = "http://localhost:8000/upload/"
$("#concepto").html(ui.item.nombre);
$("#imagen2").html(url+"bancos_central/014_1.png");
}
});
</script>

Lo que quiero es que esta linea $("#imagen2").html(url+"bancos_central/014_1.png"); pueda ser mandada dentro del src
  #2 (permalink)  
Antiguo 13/08/2014, 13:05
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Introducir ruta de imagen con jquery

Accede al atributo src mediante el método prop.

Código Javascript:
Ver original
  1. $("img").prop(url);

Aunque te recomiendo asignarle un identificador a ese elemento <img> y luego lo tomes por ese dato para que así no se asigne la misma imagen a todos los elementos <img> que puedan haber en el documento.

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand
  #3 (permalink)  
Antiguo 13/08/2014, 13:45
 
Fecha de Ingreso: febrero-2014
Ubicación: Hermosillo, Sonora
Mensajes: 86
Antigüedad: 10 años, 9 meses
Puntos: 0
Respuesta: Introducir ruta de imagen con jquery

mmm ya utilice el prop y no paso nada, sigue sin aparecer
  #4 (permalink)  
Antiguo 13/08/2014, 13:47
Avatar de Alexis88
Philosopher
 
Fecha de Ingreso: noviembre-2011
Ubicación: Tacna, Perú
Mensajes: 5.552
Antigüedad: 13 años
Puntos: 977
Respuesta: Introducir ruta de imagen con jquery

Fíjate bien en el valor que estás asignando, pues como dije, esa es la manera correcta de hacerlo.

Código HTML:
Ver original
  1. <img id = "foo" />

Código Javascript:
Ver original
  1. var url = "img/ejemplo.jpg";
  2. $("#foo").prop("src", url);

Saludos
__________________
«Juro por mi vida y mi amor por ella, que jamás viviré para el provecho de otro hombre, ni le pediré a otro hombre que viva para el mío».

Ayn Rand

Etiquetas: introducir, ruta
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 07:33.