Calificación:
  • 0 voto(s) - 0 Media
  • 1
  • 2
  • 3
  • 4
  • 5
Pantalla de Cargando... Mientras tu web se carga
#1
Buenas Amigos hoy les traigo algo siple pero quisas varios lo usen lol..

Esto consiste en mostrar en mensaje CARGANDO mientras la web se carga por completo.
El mensaje no se desaparecera mientas la web no se carda desde el <body> hasta el </body
Mientras tanto les dejo una captura..

[Imagen: bAhPIBW.png]

Bueno creo que todos me entendieron y bueno en mi web estara el demo Sonrisa Gran sonrisa

Bueno lo que deven hacer es lo siguiente.

En main_header.tpl
Buscar:

Cita:<div class="UIBeeper" id="BeeperBox"></div>
Abajo agregar
Cita:{include file='sections/loading.tpl'}
en main_header.tpl
Buscar:
Cita:</head>
Arriba Agregar
Cita:<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
{literal}
<script>$(document).ready(function(){
window.onload=cerrar;
function cerrar(){
$("#carga").animate({"opacity":"0"},1000,function(){$("#carga").css("display","none");});
}
});</script> {/literal}


Ahora solo bastara con cargar el Archivo loading.tpl a la carpeta sections

y listo ya tendrían este genial complemento

Espero y les Guste mi pequeño aporte

Bueno eso Fue Todo si ahy algun error o algo por favor Hacerlo saber en los Comentarios

Saludos...ÁngelÁngelÁngelÁngelÁngelÁngelÁngelÁngelÁngelÁngel
#2
Se ve muy bien, aunque creo que solo es para HTML y HTML5 Huh y que tanto alenta tu web usar este script Huh




SI TE LLAMA LA ATENCION UNA ESTRELLA... SIGUELA,
SI TE CONDUCE AL PANTANO... YA SALDRAS DE EL.
PERO SI NO LA SIGUES... TODA LA VIDA,
PENSARAS QUE ESA ERA TU ESTRELLA.




WWW
#3
Alguien puede confirmar si solo funciona en HTML y HTML5? Gracias!
Échale un vistazo, vale la pena masquehack.com
WWW
#4
Excelente!! util si tu página tiene mucho contenido multimedia, lo probaré para unas cuantas páginas, gracias ;Gran sonrisa
#5
(20-04-2014, 09:33 PM)Spastox escribió: Buenas Amigos hoy les traigo algo siple pero quisas varios lo usen lol..

Esto consiste en mostrar en mensaje CARGANDO mientras la web se carga por completo.
El mensaje no se desaparecera mientas la web no se carda desde el <body> hasta el </body
Mientras tanto les dejo una captura..

[Imagen: bAhPIBW.png]

Bueno creo que todos me entendieron y bueno en mi web estara el demo Sonrisa Gran sonrisa

Bueno lo que deven hacer es lo siguiente.

En main_header.tpl
Buscar:

Cita:<div class="UIBeeper" id="BeeperBox"></div>
Abajo agregar
Cita:{include file='sections/loading.tpl'}
en main_header.tpl
Buscar:
Cita:</head>
Arriba Agregar
Cita:<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.5.2/jquery.min.js"></script>
{literal}
<script>$(document).ready(function(){
window.onload=cerrar;
function cerrar(){
$("#carga").animate({"opacity":"0"},1000,function(){$("#carga").css("display","none");});
}
});</script> {/literal}


Ahora solo bastara con cargar el Archivo loading.tpl a la carpeta sections

y listo ya tendrían este genial complemento

Espero y les Guste mi pequeño aporte

Bueno eso Fue Todo si ahy algun error o algo por favor Hacerlo saber en los Comentarios

Saludos...ÁngelÁngelÁngelÁngelÁngelÁngelÁngelÁngelÁngelÁngel

Porque no mejor una imagen en disco que crear una de 64 bits??
El codigo es demasiado corto como para que no esté en un solo archivo .html
A los que preguntan, este codigo funciona con cualquier version html 4 hacia arriba
sdls
#6
Mmm.... veo que el codigo es muy corto pero deberia ser suficiente supongo
#7
Lo probare me vendria bien para mi web de joomla aunque nose si funcionara hay ! O sabran si funciona para joomla?


Posibles temas similares...
Tema Autor Respuestas Vistas Último mensaje
  Pantalla Completa con Javascript cmascreativo.ml 1 50 02-10-2018, 03:14 PM
Último mensaje: easy english
  Solucionado: Pagina carga como no segura diana30dom 3 266 08-01-2018, 09:15 AM
Último mensaje: Vicen
  [Tutorial] Aumenta la velocidad de carga con PhpFastCache DarkMaster 3 605 15-12-2015, 07:22 PM
Último mensaje: Taquion
  Utilizar un loading o imagen de carga con CSS torgar22 2 505 19-12-2014, 05:09 PM
Último mensaje: amplox
  acelera la carga de tu sitio diringax 5 689 02-05-2013, 03:15 PM
Último mensaje: webpro
  Acelera la carga de tu sitio con el hattaces DjSonic 10 1,516 17-04-2013, 05:35 PM
Último mensaje: fercol
  Reducir el tiempo de Carga de Tu web MrLoco 19 1,572 08-02-2013, 12:13 PM
Último mensaje: Drod
  Optimizar la Carga de Mysql [VPS 128MB] perioner 0 581 22-01-2013, 04:29 PM
Último mensaje: perioner
  Borra secciones de una web mientras la visitas [Chrome] Leandro M. 3 642 26-07-2012, 06:20 PM
Último mensaje: shackur
  Cuanto es un buen tiempo de carga? soporteptc 0 669 28-06-2012, 04:27 PM
Último mensaje: soporteptc



Usuarios navegando en este tema: 1 invitado(s)