Estoy haciendo una pagina en donde como vista principal tiene una galeria de fotos.. al dar click en una foto se anima un div y dentro del div se carga un url cargado por attr.. todo funciona ok.. pero cuando estoy viendo la pagina que se cargo.. he hecho opciones para cerrar o cargar otra pagina y en Firefox Chrome IE funcionan pero en Safari , no.. Aqui el Codigo.
Index.
Código :
[js] /
$(window).load(function(){
$('img').load(function() {
$('.wrap').show(); /--- Muestra el div .wrap que con tiene las imagenes.. al cargar todas las imagenes
});
/---- Efecto de las imagenes
$('img').animate({'opacity':'0.4'});
$("img").mouseover(function() {
$(this).animate({'opacity':'1'});
}).mouseout(function(){
$(this).animate({'opacity':'0.4'});
});
/--------- Cargar una pagina
$('.link').click(function () {
$('.wrap').fadeOut();
$('#panel').delay(800).animate({'height':'100%'});
var url = $(this).attr('href');
if(url.match('^http'))
{
return true;
} else {
$('#panel div').delay(1000).load(url);
/------ #panel div es donde se carga la nueva pagina..
return false;
};
});
[/js]Ahora en la pagina que se carga pongamos que se llama basico.html tenemos codigo jquery para que se pueda cerrar o cargar otra pagina.. funciona en todos los exploradores menos Safari.
Código :
cript>
$('#panel .close').click(function(){
$('#panel').animate({'height':'0%'});
$('.wrap').delay(800).fadeIn();
});
$('a').click(function () {
var url = $(this).attr('href');
if(url.match('^http'))
{
return true;
} else {
$('#panel div').hide();
$('#panel div').delay(1000).load(url).fadeIn();
return false;
};
});Saben como puedo solucionarlo?
Muchas Gracias.
