Hola a todos.
Tengo un problema con un efecto que quiero aplicar al cargar una página. La idea es que aparezca lentamente con el efecto fade en un segundo. Para ello, había pensado lo siguiente: Envolver todo el body en un div y aplicarle un efecto fade con body onload.
El problema es que tengo una serie de imagenes y hasta que no las carga todas no me aplica el efecto aparecer. Queda fatal y además solo funciona en firefox. Os dejo el enlace para que lo veáis.
http://www.asga-arquitectos.com/Proy...ud-Alango.html
En realidad donde se ve mejor que primero carga y luego hace el efecto es donde va realmente que es dentro de un iframe
http://www.asga-arquitectos.com/proyectos.html
(no puedo poneros la ruta al estar dentro del iframe, pero podeis probar a ver lo que sucede explorando los diferentes proyectos)
Como no sabía como solucionarlo, se me había ocurrido la siguiente solución. En vez de que aparezca, le pongo un un div en blanco y lo hago desvanecer de manera que tape las fotos mientras estar cargan. Me parecía muy ingenioso (que felichu), pero no me había dado cuenta que aunque desvaneciera, el div seguía tapandome la imagen por lo que no funcionaban los botones. Así, pues le he añadido otro evento que hace que el div se oculte al poner el mouseover. Estupendo, parece que funciona perfectamente tanto en explorer como en firefox.
http://www.asga-arquitectos.com/Proy...es-Otanes.html
os pongo el codigo:
<body onload="MM_effectAppearFade('tapa_ficha', 1000, 100, 0, false)" onmouseover="MM_showHideLayers('tapa_ficha','','hi de')">
Pero, aquí es donde me doy cuenta de que el maldito IPHONE (supongo que con otros moviles sucederá algo parecido), no parece que puede hacer esa función por lo que no me desaparece el div y no puedo usar la página. Suena complicado y no se si me he explicado bien.
El tema es que he probado a añadir todos los eventos que se me han ocurrido, pero no consigo que con el iphone pueda desencadenar el evento de ocultar dicho div (lo lógico sería que con onclick funcionara pero no). El único que funciona es el onload, pero en ese caso no me hace el onload desvanecer.
Resumiendo, no se muy bien por donde tirar.
Lo ideal es que el evento de ocultar se produjera automáticamente con el onload pero retrasado un segundo, para que sea justo después de desvanecer.
También funcionaría que el evento de ocultar tuviera la propiedad de desvanecer.
No sé, seguro que hay diferentes estrategías.
He probado tambié intentando preLoadImages, pero el resultado no es satisfactorio.
¿Se os ocurre como hacerlo?
Siento el rollo que he soltado
Gracias y un saludo.