Insertar imagen que contiene una variable

[CarlosMC]

Hola buenas, estado buscando pero no encontrado nada que me resuelva la duda, tengo un objeto Image que contiene una imagen

var imagen1 = new Image();

imagen1.src = "foto1.png";


mi duda es: como hago para insertar esa imagen en el documento html????

<img ?????? />

[caricatos]

Hola:

Las dos formas posibles son: ponerlas como fondo en algún elemento o en una etiqueta img... si esta ya se encuentra en la página, basta con asignar el src, sino debes usar el DOM, ya creando un tag img, o con innerHTML. Son cosas básicas, espero que con esto puedas buscar info.

Saludos

[AlejandroMtzRmz]

var lugar = document.getElementById('lugar-donde-quieres-agregar-la-img');

lugar.appendChild(imagen1);

[InKarC]

Código:

$("body").append("<img src='oto1.png' />")

jQuery RULZ

[caricatos]

Hola:

Iniciado por InKarC

Código:

$("body").append("<img src='oto1.png' />")

jQuery RULZ

Sugieres cargar toda una librería para una cosa que sin esa librería es:

document.body.innerHTML += "<img src='oto1.png' />";

Saludos

[InKarC]

Iniciado por caricatos

Hola:



Sugieres cargar toda una librería para una cosa que sin esa librería es:

document.body.innerHTML += "<img src='oto1.png' />";

Saludos

Sip, estoy sugiriendo cargar 39kb de información que con una conexión normal (2 mg) toma 300 milisegundos; lo que quiere decir que no alcanza a parpadear 2 veces cuando ya se cargo la librería.

Y por cierto, tambien es para que se familiarize con jQuery; javascript era exageradamente fastidioso por si solo hasta que lo conocí.

Saludos

[caricatos]

Hola:

La velocidad en la red, en sitios normales, suele tener altibajos, y muchas veces páginas con muy poco contenido pueden tardar bastante, incluso con esas velocidades de vértigo, así que ese argumento en mi opinión, no tiene ninguna validez. Además, en cuantas partes del planeta aún usan esos modems de 14ks...

Saludos

[Panino5001]

Más allá de cualquier argumento, sugerirle a un usuario que no conoce el DOM que se familiarice con jQuery no es una buena manera de ayudarlo.