Mam taki kod :
<?php include 'header.php';?> <div id="rama"> <div id="TRESC"></div> </div> <?php include 'footer.php';?>
I do niego takie funkcje jQuery :
$('#TRESC').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);//.fadeOut(2000).fadeTo(2000,0, function() { //$(this).fadeIn(2000); //}); $('a[href="aktualnosci.php"]').click(function(){ $('#TRESC').load('aktualnosci.php', '', function() { $(this).hide().fadeIn('slow'); }); $('#foto').load('akt_gal.php', '', function() { $(this).hide().fadeIn('slow'); }); return false; }); $('a[href="projekty.php"]').click(function(){ $('#TRESC').load('projekty.php', '', function() { $(this).hide().fadeIn('fast'); }); $('#foto').load('proj_gal.php', '', function() { $(this).hide().fadeIn('slow'); }); return false; });
Wszystko pieknie dziala, tylko ze potrzebuje umiescic w srodku div-a o id="TRESC" wstawic jeszcze jeden div i ustawic go na dole div-a o id="TRESC" wiec robie tak :
<?php include 'header.php';?> <div id="rama"> <div id="TRESC"><div id="content_bottom"></div></div> </div> <?php include 'footer.php';?>
Jak widac umiescilem tutaj nowy div o id="content_bottom" w divie o id="TRESC"
No i teraz wszystkie funkcjie jQuery przerabiam zeby tresc stron ladowala sie do div'a o id="content_bottom wiec robei tak :
$('#content_bottom').load('aktualnosci.php').fadeOut(1).delay(5000).fadeIn(2500);//.fadeOut(2000).fadeTo(2000,0, function() { //$(this).fadeIn(2000); //}); $('a[href="aktualnosci.php"]').click(function(){ $('#content_bottom').load('aktualnosci.php', '', function() { $(this).hide().fadeIn('slow'); }); $('#foto').load('akt_gal.php', '', function() { $(this).hide().fadeIn('slow'); }); return false; }); $('a[href="projekty.php"]').click(function(){ $('#content_bottom').load('projekty.php', '', function() { $(this).hide().fadeIn('fast'); }); $('#foto').load('proj_gal.php', '', function() { $(this).hide().fadeIn('slow'); }); return false; });
Prawie wszystko gra jak nalezy ale niestety, jak widac na poczatku jako domyslna ladowana jest do diva strona aktualnosci.php, w pierwszym przypadku gdy ladowalem tresc do div'a o id="TRESC" funkcja :
fadeOut(1).delay(5000).fadeIn(2500);
Dzialala jak nalezy i tresc pojawiala sie z opoznieniem 5000ms, teraz gdy laduje zawartosc do div'a conntent_bottom nie ma opoznienia a tresc laduje sie od razu.....co moze byc nie tak ?