Ver Mensaje Individual
  #4 (permalink)  
Antiguo 06/09/2011, 19:12
Avatar de raxper
raxper
 
Fecha de Ingreso: enero-2010
Ubicación: ------
Mensajes: 472
Antigüedad: 15 años, 1 mes
Puntos: 2
Respuesta: Efecto cargando, al dar click en enlace

Cita:
Iniciado por IsaBelM Ver Mensaje
supongo que te refieres a cuando hagas clcik sobre un botón, enlace, ....

yo usaría el evento onload o la propiedad oncomplete y onerror. sólo has de cambiar el display del contenedor a block y cambiar el src de una imagen. es decir cambias la ruta de la imagen de carga



si son muchas imágenes, insertaría las rutas en un array (para hacer una precarga de imágenes ) y usaría el método addEventListener/attachEvent para invocar la función

<offtopic>me demoré demasiado</offtopic>

gracias isabel, por vuestra ayuda :D

Mientas tanto intentaba hacerlo y la forma que me ocurrió fue style.

Código Javascript:
Ver original
  1. function a(b){contenido.innerHTML="<iframe style='background:url(http://classhub.com/system/application/views/design/images/ajax_loading.gif) no-repeat center;' width='500' height='600' frameborder='0' src="+b.name+"></iframe>"}

Código HTML:
Ver original
  1. <img src="http://classhub.com/system/application/views/design/images/ajax_loading.gif" style="visibility:hidden">
  2. <div align="center" id="contenido"></div>
  3.  
  4.  
  5.  
  6. <a onclick="a(this)" name="http://www.w3schools.com">Schools</a>
  7. <a onclick="a(this)" name="http://yahoo.com">Yahoo!</a>
__________________
/^sleep:\/\//;