JQuery - Carga dinámica de fotos append y appendTo sin tantas esperas..

 
Vista:
Imágen de perfil de Oscar

Carga dinámica de fotos append y appendTo sin tantas esperas..

Publicado por Oscar (1 intervención) el 11/06/2016 20:51:16
TENGO UNA DUDA SOBRE LA CARGA DE IMÁGENES CON APPEND.
PRIMERO CREO UNA VARIABLE JQUERY Y LE ASIGNO CÓDIGO HTML PARA LA CREACIÓN DÍNAMICA DE UNA FOTO AL EJECUTAR UN CLIC EN UN BOTÓN, P.EJ.

var imagene = "<img src='../imagenes/Blog/images/Titulos/LaSalle.jpg' border='2px #solid black' style='position:absolute;top:200px;left:208px;' width='570px' height='575px'></img>";

$('#CuerpoPrincipal').append( imagene ); // Añado al div la foto.

CUANDO EJECUTO ESTE CÓDIGO SE ME CARGA LA IMAGEN MUY LENTAMENTE,COMO UNA PERSIANA AL DESPLEGARSE.
HE PROBADO VARIAS COSAS PERO NO ME SALEN.
COMO PUEDO HACER PARA PRECARGAR LA IMÁGEN DE FORMA QUE ME ACELERE LA APARICIÓN DE LA IMAGEN EN LA PÁGINA???

MUCHAS GRACIAS DE ANTEMANO!!!!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder

Carga dinámica de fotos append y appendTo sin tantas esperas..

Publicado por arck (21 intervenciones) el 13/06/2016 13:33:01
Primero mira el tamaño de la imagen e indícanos cuanto pesa.
si quieres que se cargue rápido no debería pesar mucho.

Tengo una solución pero no se si funcionaria con como tendrás la pagina diseñada y su funcionalidad.
tu puedes cargar la imagen en un tag img pero por clases dejar a hide y en el momento que pulsen el botón poner el show.
la imagen se cargara pero no se mostrara hasta que no des al botón, lo que no se es si lo podrás hacer fácilmente con el maquetado que tengas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar