Manipular la carga con jquery html

Citar

Escrito el 27 Feb 2012 04:12 pm

Hola mi duda es sobre como puedo hacer para manipular la carga de un html echo con jquery.
Me refiero a colocar

$('mi_div').html('imagenes a cargar"<img src=imagen1..etc>"')
y poder ejecutar codigo cuando se acaben de cargar.

quiero evitar usar el $post.

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 28 Feb 2012 05:18 pm

¿Entonces quieres hacer un preload de imágenes antes de ejecutar una función?

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

Envíale un mensaje privado Web

web dev wizzard

@kinduff

Citar

Escrito el 28 Feb 2012 05:47 pm

no exactamente, me confunde esto, no hay forma de detectar automaticamente cuando termina de cargarse el html, o que indique que esta pasando con el??

Quiero algo como el $post o animate que tiene una funcion que se ejecuta cuando el se termina la operacion

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 28 Feb 2012 06:01 pm

Quizás:

Código :

$(document).ready(function() {
    //Función a ejecutar al terminar la carga del documento
});

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

Envíale un mensaje privado Web

web dev wizzard

@kinduff

Citar

Escrito el 28 Feb 2012 08:14 pm

wuaw creo que estoy haciendo mal las cosas... lo que pasa es que siempre coloco todo mi script de jquery entre esas lineas que me enuncias, por lo que ponia como ejemplo animate y post, es por que me gustaria poder hacer algo asi mas omenos:

$('mi_div').html('varias imagenes',function(){$('mi_div').css('display','block')})

Esta linea estaria dentro del rady. quiero evitar que se vean las imagenes cargandoce, y cuando se muestre la ultima aparecer el div, pero son mas de 200 imagenes que se cargan en diferentes secciones, por eso pregunto si hay forma de hacer esto.

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 28 Feb 2012 08:26 pm

Revisa este artículo, es para agregar una imagen de carga a la imagen, una vez cargada, se ve la imagen completa.

Busca también por jQuery Lazy Loader. Si quieres hacer un preoload de todas las imágenes antes puedes utilizar lo siguiente:

Código :

jQuery.preloadImages = function(){
  for(var i = 0; i<arguments.length; i++){
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("imagen1.jpg", "imagen2.jpg");

Suerte.

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

Envíale un mensaje privado Web

web dev wizzard

@kinduff

Citar

Escrito el 28 Feb 2012 08:44 pm

muchas gracias por la informacion, una duda el codigo que me muestras es mejor o igual que poner al principio de la pagina las imagenes con estilo display none.
ejemplo:
<body>
<img style="display:none;" src"imagen1"/>
<img style="display:none;" src"imagen..n"/>
...resto de la pagina
</body>

ya encontre las palabras de lo que quiero poder hacer, es ejecutar alguna funcion cuando acabe de cargarce el contenido de .html de jquery, o en su defecto, despues de cargar una serie de imagenes con ajax ejecutar una funcion al tener lista la ultima.

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Citar

Escrito el 28 Feb 2012 10:04 pm

Lo que te puse no tiene nada que ver con el estilo del display. Para hacer lo que dices, combina $(document).ready[..], junto con el script que te pase.

Visualiza lo que estás haciendo.

Por Kinduff

Claber

3563 de clabLevel

21 tutoriales
3 articulos

Envíale un mensaje privado Web

web dev wizzard

@kinduff

Citar

Escrito el 29 Feb 2012 03:27 pm

si se que no tiene que ver nada con estilo, me referia a que si poner el codigo que me enviaste, equivale a colocar imagenes que no se desplieguen, en cuanto a carga, que es el tema central de mi post.

Por rod00x3

Claber

595 de clabLevel

Genero:Masculino

Envíale un mensaje privado Email

Manipular la carga con jquery html

Escribe una respuesta rapida