Script para mostrar imagen de carga sin marco

WebmasterKing Seguir
Seguidores
6

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492

WebmasterKing

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492
Hola webmaster,

Creo que esto es lo que buscas Mostrar barra cargando página.

Saludos.
yo encontré ese ya pero como quiera se sigue viendo que es un gif por que alrededor de la imagen sale un cuadro como que es una imagen y no es legitimo de la pagina no se si me entiende pero este no funcionaria para mi alguna otra forma o idea?
 

WebmasterKing

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492
Usa un gif con transparencia y desde css quita el borde a la imagen. O prueba usar una barra de carga con css puro. Pure CSS Progress bar demo
Muchas gracias por responder amigo, pero como le quito el borde a la imagen gif? yo no se como hacerlo en css?

---------- Post agregado el 15-ago-2013 hora: 18:35 ----------

Muchas gracias por responder amigo, pero como le quito el borde a la imagen gif? yo no se como hacerlo en css?

si yo logro quitar lo borde esta seria mi mejor solución
 

olal28

Gamma
Programador
Verificado por Whatsapp
Desde
8 Dic 2009
Mensajes
432
Agrega esto a tu código
<img src="http://tusitio.com/tuimagen.gif" style="border: 0" />

Si sigue apareciendo con borde seguramente tu imagen no es transparente y es la que lleva el borde.
 

WebmasterKing

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492
Agrega esto a tu código
<img src="http://tusitio.com/tuimagen.gif" style="border: 0" />

Si sigue apareciendo con borde seguramente tu imagen no es transparente y es la que lleva el borde.
Muchísima gracias hermano me funciono gracias !!

---------- Post agregado el 15-ago-2013 hora: 19:00 ----------

Agrega esto a tu código
<img src="http://tusitio.com/tuimagen.gif" style="border: 0" />

Si sigue apareciendo con borde seguramente tu imagen no es transparente y es la que lleva el borde.
Dejame aprovechar amigo para ahcerte una preguntita tu sabes de alguna forma o script para que la imagen salga en un tiempo determinado puede ser en 30 segundos conoces de algo asi?
 

olal28

Gamma
Programador
Verificado por Whatsapp
Desde
8 Dic 2009
Mensajes
432
Tendrías que usar javascript para mostrar u ocultar la imagen.
JavaScript Timing Events

Digamos que quieres ocultar la imagen después de 5 segundos

<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0" />
setTimeout(function(){
document.getElementById("miimagen").style.display = 'none';

},5000);

La imagen debe tener id para que la puedas recuperar con document.getElementById

Saludos.
 

WebmasterKing

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492
Tendrías que usar javascript para mostrar u ocultar la imagen.
JavaScript Timing Events

Digamos que quieres ocultar la imagen después de 5 segundos

<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0" />
setTimeout(function(){
document.getElementById("miimagen").style.display = 'none';

},5000);

La imagen debe tener id para que la puedas recuperar con document.getElementById

Saludos.
Hola amigo, esp para que la imagen salga en 30 segundo pero ok muchas gracias ya me has ayudado bastante deja voy abrir otro hilo muchas gracias
 

olal28

Gamma
Programador
Verificado por Whatsapp
Desde
8 Dic 2009
Mensajes
432
para 30 segundos quedaría

<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0" />
<script>
setTimeout(function(){
document.getElementById("miimagen").style.display = 'none';

},30000);</script>
 

WebmasterKing

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492
para 30 segundos quedaría

<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0" />
<script>
setTimeout(function(){
document.getElementById("miimagen").style.display = 'none';

},30000);</script>
Gracias amigo esto seria lo que exactamente yo necesito incluso funciona pero yo lo quiero lo contrario que salga en 30 segundo no que se oculte en 30 segundo entiendes? Muchísimas gracia de verdad
 

olal28

Gamma
Programador
Verificado por Whatsapp
Desde
8 Dic 2009
Mensajes
432
<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0; display: none" />
<script>
setTimeout(function(){
document.getElementById("miimagen").style.display = 'block';

},30000);</script>
 
Última edición:

WebmasterKing

VIP
Iota
Verificación en dos pasos activada
Verificado por Binance
Suscripción a IA
Desde
9 Ene 2012
Mensajes
2.492
<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0; display: none" />
<script>
setTimeout(function(){
document.getElementById("miimagen").style.display = 'block';

},30000);</script>

Amigo EXCELENTE !!!!! me funciona perfectamente es lo que desde hace mas de una semana estoy buscando Gracias !! te dejo mi eskype para cualquier ayuda que necesites que no tenga que ver con códigos jeje

SKYPE: starling-javier

---------- Post agregado el 16-ago-2013 hora: 03:08 ----------

Amigo EXCELENTE !!!!! me funciona perfectamente es lo que desde hace mas de una semana estoy buscando Gracias !! te dejo mi eskype para cualquier ayuda que necesites que no tenga que ver con códigos jeje

SKYPE: starling-javier
Uffff amigo la ultima pregunta como ya hago para que inicie en 5 segundo se que en 10 segundo seria así: 10000 y 5 segundo como seria?

Gracias !

---------- Post agregado el 16-ago-2013 hora: 03:16 ----------

Tendrías que usar javascript para mostrar u ocultar la imagen.
JavaScript Timing Events

Digamos que quieres ocultar la imagen después de 5 segundos

<img id="miimagen" src="http://tusitio.com/tuimagen.gif" style="border: 0" />
setTimeout(function(){
document.getElementById("miimagen").style.display = 'none';

},5000);

La imagen debe tener id para que la puedas recuperar con document.getElementById

Saludos.

Excelente gracias amigo y si eso are muchas gracias ya me esta funcionando todo perfecto

saludos !
 
Arriba