Preloader

Sección para"expertos", que quieren cambiar el código HTML de su página o insertar Java Scripts, Iframes, etc.. Si eres principiante, esta sección no te hace falta.

ModeradorCOLON Moderadores

Avatar de Usuario
carlitos
ExModerador
ExModerador
MensajesCOLON 1635
RegistradoCOLON 29 Nov 2006 17:02
UbicaciónCOLON Gavà M'encanta Gavà!
CONTACTCOLON

Preloader

Notapor carlitos » 20 Mar 2008 17:23

Hola,

Estoy buscando un código que cargue toda la página web y no la deje mostrar hasta ese momento.. (preloader)

He encontrado algunos pero no funcionaban bien :roll:

Haber si alguien encuentra sabe uno :wink:

Graciass
Imagen
De lo que no se puede hablar.. mejor es callarse

Avatar de Usuario
SeiRan
Grand User
Grand User
MensajesCOLON 361
RegistradoCOLON 16 Dic 2007 15:53
UbicaciónCOLON Mi casa
CONTACTCOLON

ll

Notapor SeiRan » 21 Mar 2008 02:45

Aca te va el codigo

<html>
<head>
<title>Preload Image Page</title>
<script language="JavaScript1.1">
<!-- begin hiding

/*
Preload Image With Update Bar Script (By Marcin Wojtowicz [one_spook@hotmail.com])
Submitted to and permission granted to Dynamicdrive.com to feature script in it's archive
For full source code to this script and 100's more, visit http://dynamicdrive.com
*/

// You may modify the following:
var locationAfterPreload = "URL DE TU WEB" // URL of the page after preload finishes
var lengthOfPreloadBar = 150 // Length of preload bar (in pixels)
var heightOfPreloadBar = 15 // Height of preload bar (in pixels)
// Put the URLs of images that you want to preload below (as many as you want)
var yourImages = new Array("http://yourdomain.com/test1.gif","http://yourdomain.com/test2.gif")

// Do not modify anything beyond this point!
if (document.images) {
var dots = new Array()
dots[0] = new Image(1,1)
dots[0].src = "black.gif" // default preloadbar color (note: You can substitute it with your image, but it has to be 1x1 size)
dots[1] = new Image(1,1)
dots[1].src = "blue.gif" // color of bar as preloading progresses (same note as above)
var preImages = new Array(),coverage = Math.floor(lengthOfPreloadBar/yourImages.length),currCount = 0
var loaded = new Array(),i,covered,timerID
var leftOverWidth = lengthOfPreloadBar%coverage
}
function loadImages() {
for (i = 0; i < yourImages.length; i++) {
preImages[i] = new Image()
preImages[i].src = yourImages[i]
}
for (i = 0; i < preImages.length; i++) {
loaded[i] = false
}
checkLoad()
}
function checkLoad() {
if (currCount == preImages.length) {
location.replace(locationAfterPreload)
return
}
for (i = 0; i <= preImages.length; i++) {
if (loaded[i] == false && preImages[i].complete) {
loaded[i] = true
eval("document.img" + currCount + ".src=dots[1].src")
currCount++
}
}
timerID = setTimeout("checkLoad()",10)
}
// end hiding -->
</script>

</head>

<body bgcolor="#FFFFFF">

<center>
<font size="4">Please be patient while some images<br>
are being preloaded...</font><p>
0%
<script language="JavaScript1.1">
<!-- begin hiding
// It is recommended that you put a link to the target URL just in case if the visitor wants to skip preloading
// for some reason, or his browser doesn't support JavaScript image object.
if (document.images) {
var preloadBar = ''
for (i = 0; i < yourImages.length-1; i++) {
preloadBar += '<img src="' + dots[0].src + '" width="' + coverage + '" height="' + heightOfPreloadBar + '" name="img' + i + '" align="absmiddle">'
}
preloadBar += '<img src="' + dots[0].src + '" width="' + (leftOverWidth+coverage) + '" height="' + heightOfPreloadBar + '" name="img' + (yourImages.length-1) + '" align="absmiddle">'
document.write(preloadBar)
loadImages()
}
document.write('<p><small><a href="javascript:window.location=locationAfterPreload">Skip Preloading</a> | <a href="http://dynamicdrive.com/">Script Credits</a></small></p>')
// end hiding -->
</script>
</center>
</body>
</html>

Como veras si deseas imagenes pa simular la carga entra aca: http://www.ajaxload.info/ EL CODIGO TIENE ALGUNAS COSILLAS QUE TENDRAS QUE MODIFICAR PERO DE RESTO ESTA BIEN ADEMAS POR LO QUE ALCANZE A VER EL CODIGO ES PARA IMAGENES es LO UNICO QUE ENCONTRE
Última edición por 1 el SeiRan, editado 21 veces en total
Imagen
El mundo está escaso de genios Einstein murió, Mozart tambien y a mi me duele la cabeza

Avatar de Usuario
carlitos
ExModerador
ExModerador
MensajesCOLON 1635
RegistradoCOLON 29 Nov 2006 17:02
UbicaciónCOLON Gavà M'encanta Gavà!
CONTACTCOLON

Notapor carlitos » 21 Mar 2008 11:38

Ese código no me va, necesito uno que cargue toda la página no solo unas determinadas imágenes :wink:

PD: Los mods no somos perfectos xDD
Imagen
De lo que no se puede hablar.. mejor es callarse


Volver a

¿Quién está conectado?

Usuarios navegando por este Foro: 4 y 0 invitados