Hola buenas.
Tengo un div contenedor que es el que soporta toda la información para mostrar.
Este puede mostrar desde texto a imágenes.
Bien con el texto no hay problemas funciona perfecto, pero cuando lo que quiero mostrar son imágenes las cosa cambia, del servidor recupero un div que contiene una lista con imágenes el cual lo cargo en el div contenedor y le aplico un Plugin (al div que obtengo del servidor) para dar efectos de transición a las imágenes.
No se si sera por que las imágenes se están cargando cuando le aplico el Plugin por lo que no funcionan los efectos y le tengo que dar dos veces al botón para que las muestre bien.
El código que tengo es el siguiente:
function loadImagenesFin(auxImagenFin){
$.ajax({
url: "srcFin.jsont",
type: 'POST',
async: true,
dataType: "json",
data:"&usuarioIF="+rtUsuario+"&imagenId="+auxImage nFin+"&idiomaTienda="+globalIdioma,
success: proObjetoIF,
error: errorObjetoIF
});
}
function proObjetoIF(objetoIF){
$("#camisetas").html(objetoIF.command[0]);
iniACamisetas();
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible:1
});
}
function errorObjetoIF(auxImagenFin){
alert('Ostias no funciona');
}
He intentado usar el onload en las propiedades de las imágenes, pero el Plugin se vuelve loco.
¿Como podría saber que las imágenes están todas descargadas, para luego aplicarle el Plugin y mostrar el div que las contiene?Hola buenas.
Tengo un div contenedor que es el que soporta toda la información para mostrar.
Este puede mostrar desde texto a imágenes.
Bien con el texto no hay problemas funciona perfecto, pero cuando lo que quiero mostrar son imágenes las cosa cambia, del servidor recupero un div que contiene una lista con imágenes el cual lo cargo en el div contenedor y le aplico un Plugin (al div que obtengo del servidor) para dar efectos de transición a las imágenes.
No se si sera por que las imágenes se están cargando cuando le aplico el Plugin por lo que no funcionan los efectos y le tengo que dar dos veces al botón para que las muestre bien.
El código que tengo es el siguiente:
function loadImagenesFin(auxImagenFin){
$.ajax({
url: "srcFin.jsont",
type: 'POST',
async: true,
dataType: "json",
data:"&usuarioIF="+rtUsuario+"&imagenId="+auxImage nFin+"&idiomaTienda="+globalIdioma,
success: proObjetoIF,
error: errorObjetoIF
});
}
function proObjetoIF(objetoIF){
$("#camisetas").html(objetoIF.command[0]);
iniACamisetas();
$(".anyClass").jCarouselLite({
btnNext: ".next",
btnPrev: ".prev",
visible:1
});
}
function errorObjetoIF(auxImagenFin){
alert('Ostias no funciona');
}
He intentado usar el onload en las propiedades de las imágenes, pero el Plugin se vuelve loco jajaja,
¿Como podría saber que las imágenes están todas descargadas, para luego aplicarle el Plugin y mostrar el div que las contiene?
Hay alguna funcionalidad Ajax o jquery que me facilite el saber que se han cargado todos los elementos del div que he recibido del servidor?
¿Es aconsejable o de buenas practicas usar el atributo complete de las imágenes?
Un saludo y gracias de antemano.
