Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript] Animacja
Forum PHP.pl > Forum > Przedszkole
polkom21
Witajcie. Mam taki którki skrypt:
  1. function load(){
  2. $('div#click').click(function(){
  3. $('div#site-content').load('content.php', "a=wartosc");
  4. });
  5. }

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...
polkom21
Dobra z tym sobie poradziłem jednak wystarczyło zrobić tak:
  1. $(document).ready(
  2.  
  3. function load(){
  4. $('div#click').click(function(){
  5. $('div#site-content').slideUp('slow');
  6. $('div#site-content').load('content.php?a=wartosc');
  7. $('div#site-content').slideDown('slow');
  8. });
  9. }
  10.  
  11. );

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:
  1. $(document).ready(
  2. function load(){
  3. $('div#click').click(function(){
  4. $('div#site-content').slideUp('slow', function(){
  5. $('div#site-content').load('content.php?a=2');
  6. });
  7.  
  8. $('div#site-content').slideDown('slow');
  9. });
  10. }
  11. );

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:
  1.  
  2. $(document).ready(
  3. function galery (action){
  4. if(action = "next"){
  5. next();
  6. } else if (action == "back"){
  7. back();
  8. }
  9. }
  10. );
  11.  
  12. function next(){
  13. var i = 1;
  14. $('div#click').click(function(){
  15. $('div#site-content').slideUp('slow', function(){
  16. $('div#site-content').load('content.php?a=' + i);
  17. });
  18. i = i+1;
  19. $('div#site-content').slideDown('slow');
  20. });
  21. }
  22. function back(){
  23. var i = 1;
  24. $('div#click').click(function(){
  25. $('div#site-content').slideUp('slow', function(){
  26. $('div#site-content').load('content.php?a=' + i);
  27. });
  28. i = i-1;
  29. $('div#site-content').slideDown('slow');
  30. });
  31. }
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.