Witam,
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 ?
Ten post edytował Wolfie 15.09.2009, 21:30:36