[JavaScript] Animacja, Animacja metody .load() Opcje

[polkom21]

Witajcie. Mam taki którki skrypt:

[PHP] pobierz, plaintext 
	function load(){
		$('div#click').click(function(){
			$('div#site-content').load('content.php', "a=wartosc");
		});
	}
[PHP] pobierz, plaintext 

i mój problem polega na tym, że nie wiem jak zrobić aby była gładka animacja pokazywania tego. Próbowałem na różne sposoby w następną funkcje po kropce dalej i przed i nic nie działa :/ Pomoże ktoś?

[grabek93]

Możesz to zamknąć w DIV którego opacity dasz na 0 a później stopniowo zwiększał do pełnego pokazania.
zobacz tu: www.pamacom.com.pl
Oczywiście chodzi o obrazy po lewej.

Jeśli chcesz żeby się wysuwało od góry np. to to samo możesz zrobić z wysokością zamiast opacity. Do końca nie sprecyzowałeś problemu...

Ten post edytował grabek93 3.08.2012, 13:31:34

[polkom21]

Dobra z tym sobie poradziłem jednak wystarczyło zrobić tak:

[PHP] pobierz, plaintext 
$(document).ready(
 
	function load(){
		$('div#click').click(function(){
			$('div#site-content').slideUp('slow');
			$('div#site-content').load('content.php?a=wartosc');
			$('div#site-content').slideDown('slow');
		});
	}
 
);
[PHP] pobierz, plaintext 

teraz pytanie jak zrobić żeby to było raz wczytane przy załadowaniu się strony a później reagowało na przycisk.

Dobra osiągnąłem animacje takją jaką chciałem. Teraz trochę inne pytanie. Skrypt wygląda tak:

[PHP] pobierz, plaintext 
$(document).ready(
	function load(){
		$('div#click').click(function(){
			$('div#site-content').slideUp('slow', function(){
				$('div#site-content').load('content.php?a=2');
			});
 
			$('div#site-content').slideDown('slow');
		});
	}
);
[PHP] pobierz, plaintext 

A potrzebuje żeby zamiast zmiennej przekazywanej przez get do pliku content.php liczba zmieniała się automatycznie o 1 w górę za każdym kliknięciem. Jak to zrobić ?

------------------------------------------------------------------------------------------------------------
Dobra coś tam sobie wymyśliłem. Wszystko działa tak jak chciałem tylko jak mam przycisk od wracania to i tak dodaje mi a ma odejmować jeden. Kod:

[PHP] pobierz, plaintext 
 
$(document).ready(
	function galery (action){
		if(action = "next"){
			next();
		} else if (action == "back"){
			back();
		}
	}
);
 
	function next(){
		var i = 1;
		$('div#click').click(function(){
			$('div#site-content').slideUp('slow', function(){
				$('div#site-content').load('content.php?a=' + i);
			});
			i = i+1;
			$('div#site-content').slideDown('slow');
		});
	}
	function back(){
		var i = 1;
		$('div#click').click(function(){
			$('div#site-content').slideUp('slow', function(){
				$('div#site-content').load('content.php?a=' + i);
			});
			i = i-1;
			$('div#site-content').slideDown('slow');
		});
	}
[PHP] pobierz, plaintext