Búsqueda en el Foro:
Buscar


« Ver tema anterior :: Ver siguiente tema »  
Autor Mensaje
Mensaje16-08-2008, 23:46 (UTC)    
Título del mensaje: [Tutorial] Ajaxload imagenes de carga para nuestras web

hola amigos aqui os dejo un generador de imagenes de carga asi no tendreis que perder el tiempo buscandolas en webs,solamente teniendo una idea de lo que queremos hacer.

primero vamos a esta pagina:www.ajaxload.info
una vez alli nos encontrams con el generador.solamente teneis que elegir el diseño que os guste y elejir los colores(alli teneis un par de ejemplos) y pulsar:generate it!
en el box de abajo podreis visualizar la imagen de carga que habeis creado y descargarla pulsando download(la guardais en donde querais).

Unavez guardada la imagen lo que vamos ha hacer es irnos a esta pagina web:http://imageshack.us/.

alli lo que haremos sera sacar la url de la imagen que anteriormente nos genero ajxload.

una vez en imageshack lo que tenemos que hacer es pulsar donde pone: browse y buscamos la imagen propiamente dicha.Una vez selaccionada pulsamos donde pone:host it.

cuando termine de cargar nos saldran varios codigos,nosotros solo utiliizaremos el ultimo de todos que pone:direct link to image.

ahora vamos a introducir ls codigos para que esto funcione en nuestras web:

Primero nos vamos a editar diseño-configuraciones avanzadas-texto por debajo de la pagina y copiamos este codigo alli:

codigo:


<!-- imagen de carga -->
<script type='text/javascript'>
window.onload = detectarCarga;
function detectarCarga() {
document.getElementById("imgLOAD").style.display="none";
}
</script>
<!-- fin imagen de carga-->




Pero claro con esto solo no sirve:seguimos en editar diseño-configuraciones avanzadas.pero ahora tenemos que copiar este otro codigo en texto por encima de la pagina:


codigo:


<center><div id="imgLOAD" style="text-align:center;">cargando…
<img src="AQUÍ LA URL QUE SACAMOS DE IMAGESHACK "/></div></center>





Bien lo que tenei que modificar en este codigo son las letras en rojo,ahi teneis que poner la url que os genero imageshack.

Tambien podeis cambiar el texto en naranja(cargando...)por el que querais vosotros.

Y eso es todo espero que os haya servido de ayuda y espero haberme explicado lo mejor posible.gracias.


Ultima edición por alfasite el Dom Oct 05, 2008 2:51 pm; editado 1 vez
Mensaje17-08-2008, 00:51 (UTC)    
Título del mensaje:

Me gustaría aclarar que podemos usar la imágen que más nos guste. No tiene que ser una de esas generadas. Yo uso una estrella:

http://img133.imageshack.us/img133/7909/bulletstaryw8.gif

Y me funciona bien, solo le dí un tamaño adecuado incluyendo atributos de height y width en la imágen para hacerla pequeña.

Suerte
______________
Baúl de Criaturas Mágicas
Mostrar mensajes anteriores:   


Powered by phpBB © 2001, 2005 phpBB Group