Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Animowana zmiana tła na stronie
Forum PHP.pl > Forum > Gotowe rozwiązania
trifek
Witam serdecznie,
Mam taki kod:
  1. body {
  2. background: url(../img/gl/tlo.jpg) 50% 15% no-repeat;
  3. background-color: rgb(89, 89, 89);
  4. }
  5.  
  6. jQuery(document).ready(function() {
  7. var cnt=0, bg;
  8. var $body = jQuery('body');
  9. var arr = ['1.jpg','2.jpg'];
  10.  
  11. animate = function(){
  12.  
  13. }
  14. var bgrotater = setInterval(function() {
  15. if (cnt==2) cnt=0;
  16. bg = 'url("slajdy/' + arr[cnt] + '")';
  17. cnt++;
  18. jQuery('#nihaiugsds').animate({opacity:1}, 2000, function(){
  19. $body.css('background-image', bg);
  20. });
  21.  
  22.  
  23. jQuery('#nihaiugsds').animate({opacity:0}, 2000);
  24. },2000);
  25. });


Chcę zrobić animację podmieniającą tła na stronie. Powyższy kod działa prawie dobrze - animuje wraz z tłem całą stronę (menu, obrazki itp) - a chciałbym same tło...

Wie ktoś może jak poprawić powyższy skrypt żeby to działało?

Tak to aktualnie wygląda na stronie: http://goo.gl/fV4ItI
trueblue
Bo animujesz opacity na body.
Wstaw w body div o rozmiarach 100%x100% i jego animuj, również w nim podmieniaj background.
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-2024 Invision Power Services, Inc.