Cargar algo luego de que se cargo el sitio

Bazzana · #1 (**permalink**) 04/02/2011, 11:13

Hola compañeros!

Bien como dice el titulo, tengo esta duda.

Yo tengo una web en la cual tengo varias cosas externas a mi sitio, yo lo que quiero es que se cargen solamente una ves despues de que todo el resto este cargado por ejemplo

con X imagen, yo quiero que se carge despues de que este todo listo.
Igual sucede con la publicidad de smowtion, quiero que se carge unicamente si el resto ya esta, como algo aparte, como podria hacer?

Desde ya muchas gracias

el_quick · #2 (**permalink**) 04/02/2011, 11:17

Podrías usar JQuery y alguno de sus plugins, por ejemplo Este que es para cargar imágenes a medida que vas desplazandote con el scrollbar ó puedes buscar otros plugins que se adapten mejor a tus necesitades.

Saludos!

Bazzana · #3 (**permalink**) 04/02/2011, 11:46

claro el tema es que no se que tipo de plugins ni sus nombres, por eso recurro a ustedes para que me den una mano con que tipo de plugins y como usarlos

desde ya gracias

el_quick · #4 (**permalink**) 04/02/2011, 12:07

Bueno, eso ya está más difícil puesto que cada uno de los plugins se usa de forma diferente, lo que tienes que hacer es leer la documentación que se encuentra en sus sitios web o analizar los demos, a veces traen un tutorial paso a paso.

Saludos

Bazzana · #5 (**permalink**) 04/02/2011, 12:10

Sisis instalarlos no creao que sea el problema, pero el plugin queme diste no me sirve, porque deberia ser para una "div" o para algun objeto en general y no solo para alguna imagen...

me das alguno que pueda servir?

GatorV · #6 (**permalink**) 04/02/2011, 14:03

Tema movido desde PHP a Javascript

Bazzana · #7 (**permalink**) 04/02/2011, 18:11

alguna ayuda?

salbatore · #8 (**permalink**) 05/02/2011, 02:45

Hola Bazzana,

Prueba este codigo que te acabo de hacer... lo he probado y creo que funciona... Si quieres poner alguna forma de alpha al cargar la image ya seria ir a por el onload de cada imagen. No se para cuantas imagenes lo vas a usar... pero yo usuaria una funcion get by tagName... o algo por el estilo y haria un barrido por un container o algo...

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Cargar</title>
<script>
    window.onload = function()
        {
            bicho=document.getElementById('imagen_sin_cargar');
            alert('web cargada totalmente... ahora a por la imagen rara');
            bicho.src=bicho.title;
        }
</script>
</head>
 
<body >
    No lo he probado mucho</hr>
    Lo que hago es poner en el title la ruta y el src nada. Cuando la web este 100% se cambiaran los src. Aqui la archi famosa imagen:
    <img title="http://static.forosdelweb.com/clientscript/fdwforumhome/h1_logo.png" id="imagen_sin_cargar"  />
</body>
</html>

Hasta pronto

raxper · #9 (**permalink**) 05/02/2011, 11:40

Pero eso funciona con

Código Javascript:

Ver originalwindow.onload=function(){//Contenido a cargar después de todo.}

Bazzana · #10 (**permalink**) 05/02/2011, 15:03

mmm
Recien lo probe y no me funciono, es decir, la imagen se cargo pero no cuando ya estaba todo terminado y ya habian descargado todas las imagenes.

Haber si ahora me puedo explicar mejor :P

Yo lo que quiero que haga, es que cuando carga el sitio, y este ya cargo todo, y ya te aparece el favicon en ves del cosito delcargando (arriba en la pestaña), recien ahi comienze a cargar las imagenes y la div que selecione, porque tambien me gustaria hacer esto con la publicidad de smowtion ya que me demora mucho la carga del sitio.
se que no es sencillo y es complicado, o al menos para mi.

desde ya muchas gracias!

raxper · #11 (**permalink**) 06/02/2011, 18:34

Cita:

Iniciado por Bazzana

mmm
Recien lo probe y no me funciono, es decir, la imagen se cargo pero no cuando ya estaba todo terminado y ya habian descargado todas las imagenes.

Haber si ahora me puedo explicar mejor :P

Yo lo que quiero que haga, es que cuando carga el sitio, y este ya cargo todo, y ya te aparece el favicon en ves del cosito delcargando (arriba en la pestaña), recien ahi comienze a cargar las imagenes y la div que selecione, porque tambien me gustaria hacer esto con la publicidad de smowtion ya que me demora mucho la carga del sitio.
se que no es sencillo y es complicado, o al menos para mi.

desde ya muchas gracias!

Hola Bazzana prueba esto , saludos

Código Javascript:

Ver originaldocument.write("<style>body{background: url('http://4.bp.blogspot.com/_xj-0zjDoiHw/TGj_QvNzW-I/AAAAAAAAFF0/5cy4BDmAxe0/s1600/hellsing+alucard+2.png') center no-repeat black fixed;}</style>");
window.onload=function(){cargar.innerHTML = '<img src="http://api.ning.com/files/I4DQ*61-LL6x-IaKhpN2YiEFdcbI8gvE7p0JzDkeBb6oRsZKSJNO-lMCWVg9WQbiKX15dVJGzQoU5hVWgpHBMfztN*fsgUpg/10396479Alucard.jpg"; /><img src="http://spf.fotolog.com/photo/15/2/76/serrano_33/1221866541837_f.jpg"; />';}
 
document.write('<div id="cargar" align="center"></div>');