Estoy con ésta página: [URL="http://www.beka.com.uy"]http://www.beka.com.uy[/URL]
Que como ven, mediante JQuery (funciones fadeIn y fadeOut) conseguí que clickeando en los divs de arriba se fusionaran las dos imágenes que tengo.
Por las dudas lo que hice fue ésto:
Código:
$(document).ready(function(){ $("#lamp").click(function(event){ event.preventDefault(); $("#centered").fadeIn(1000); }); }); $(document).ready(function(){ $("#menu").click(function(event){ event.preventDefault(); $("#sec").fadeIn(1000); }); }); $(document).ready(function(){ $("#menu2").click(function(event){ event.preventDefault(); $("#sec").fadeIn(1000); }); });
Donde lamp, menu y menu2 son los divs, centered y sec las imágenes. Y de la única manera que hice que funcionara lo que yo quería fue mezclando ésto con JQuery en los divs, de ésta manera:
Código:
<div id="contenedor" align="center"> <div id="lamp"> <a href="file://localhost/Users/nikko/Desktop/Beka.com.uy/index.html#" onclick="$('#sec').fadeOut(1000);"
Y lo mismo con los otros dos divs.
Bueno, mi problema es muy sencillo... No me funciona en Safari !!!
No tengo ideeeeeeea de por qué, leí por ahí algo de problemas de compatibilidad... Incluso un consejo de alguien que cambiara a la versión jquery-1.2.js pero nada... no consigo ver mi página en Safari... y me consta que el problema es de JQuery porque cuando le borro la referencia al archivo .js del head (es decir: <script src="jquery-1.6.1.min.js" type="text/javascript"></script>), la página se ve bárbaro en Safari, obvio que sin ningún efecto.
Si alguien me puede ayudar, thanks!!!!!!!!!