Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [Java][CSS]Zmiana animacji w jQuery
Joshio
post 2.11.2012, 15:15:09
Post #1





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

Ostrzeżenie: (0%)
-----


Mam problem ze zmianą animacji w nivo-slider3.1 który oparty jest na jquery-1.7.1.

Jak zmienić animacje z random na jedna konkretną np.: Czyste przejście z lewej do prawej.

Zmieniałem w jquery.nivo.slider ale nie udało mi się zrobić aby był tylko 1 konkretny efekt:

  1. if(settings.effect === 'random'){
  2. anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade',
  3. 'boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');
  4. currentEffect = anims[Math.floor(Math.random()*(anims.length + 1))];
  5. if(currentEffect === undefined) { currentEffect = 'fade'; }
  6. }
  7.  
  8. // Run random effect from specified set (eg: effect:'fold,fade')
  9. if(settings.effect.indexOf(',') !== -1){
  10. anims = settings.effect.split(',');
  11. currentEffect = anims[Math.floor(Math.random()*(anims.length))];
  12. if(currentEffect === undefined) { currentEffect = 'fade'; }
  13. }
  14.  
  15. // Custom transition as defined by "data-transition" attribute
  16. if(vars.currentImage.attr('data-transition')){
  17. currentEffect = vars.currentImage.attr('data-transition');
  18. }
  19.  
  20. // Run effects
  21. vars.running = true;
  22. var timeBuff = 0,
  23. i = 0,
  24. slices = '',
  25. firstSlice = '',
  26. totalBoxes = '',
  27. boxes = '';
  28.  
  29. if(currentEffect === 'sliceDown' || currentEffect === 'sliceDownRight' || currentEffect === 'sliceDownLeft'){
  30. createSlices(slider, settings, vars);
  31. timeBuff = 0;
  32. i = 0;
  33. slices = $('.nivo-slice', slider);
  34. if(currentEffect === 'sliceDownLeft') { slices = $('.nivo-slice', slider)._reverse(); }


Ten post edytował Joshio 2.11.2012, 15:18:08
Go to the top of the page
+Quote Post
frantic09
post 2.11.2012, 15:26:10
Post #2





Grupa: Zarejestrowani
Postów: 42
Pomógł: 6
Dołączył: 7.03.2011
Skąd: Kraków

Ostrzeżenie: (0%)
-----


1. A jak zamienisz w 4 linijce na np:
  1. currentEffect = anims[1];

Wtedy wybierasz konkretny efekt z tablicy anims

2. Ewentualnie zmień tablicę efektów anims. Zostaw tylko ten, który Cię interesuje. Zmień:
  1. anims = new Array('sliceDownRight','sliceDownLeft','sliceUpRight','sliceUpLeft','sliceUpDown','sliceUpDownLeft','fold','fade','boxRandom','boxRain','boxRainReverse','boxRainGrow','boxRainGrowReverse');

Na np:
  1. anims = new Array('boxRain');


PS: Chociaż, wg mnie, pierwsze rozwiązanie jest lepsze.

Ten post edytował frantic09 2.11.2012, 15:29:55


--------------------
  1. echo "Wydaje mi się, że mogłoby to zadziałać... ;)";
Go to the top of the page
+Quote Post
Adrian1207
post 2.11.2012, 15:28:23
Post #3





Grupa: Zarejestrowani
Postów: 94
Pomógł: 10
Dołączył: 20.02.2007

Ostrzeżenie: (0%)
-----


Nie używałem tego co prawda, ale strzelam, że można skonfigurować settings.effect, bo nazwa wskazuje, że jest to gdzieś w ustawieniach. smile.gif Jeżeli nie wiesz jak to ustawić, możesz też po prostu obciąć tablicę efektów, z których skrypt losuje(w tym co wkleiłeś druga linia) do jakiegoś konkretnego.
I ogólnie znalazłem też na szybkiego w dokumentacji ustawienie efektu dla konkretnego slajdu, ale jakby się zgłębić to pewnie o ustawieniu jednego efektu wszędzie - też można znaleźć w dokumentacji: http://nivo.dev7studios.com/support/advanc...ions-per-slide/
Go to the top of the page
+Quote Post
Joshio
post 6.11.2012, 01:40:32
Post #4





Grupa: Zarejestrowani
Postów: 41
Pomógł: 0
Dołączył: 2.11.2012

Ostrzeżenie: (0%)
-----


Cytat(Adrian1207 @ 2.11.2012, 15:28:23 ) *
Nie używałem tego co prawda, ale strzelam, że można skonfigurować settings.effect, bo nazwa wskazuje, że jest to gdzieś w ustawieniach. smile.gif Jeżeli nie wiesz jak to ustawić, możesz też po prostu obciąć tablicę efektów, z których skrypt losuje(w tym co wkleiłeś druga linia) do jakiegoś konkretnego.
I ogólnie znalazłem też na szybkiego w dokumentacji ustawienie efektu dla konkretnego slajdu, ale jakby się zgłębić to pewnie o ustawieniu jednego efektu wszędzie - też można znaleźć w dokumentacji: http://nivo.dev7studios.com/support/advanc...ions-per-slide/


Zastosowałem sposób z toturiala wink.gif działa dzięki.

Cytat(frantic09 @ 2.11.2012, 15:26:10 ) *
1. A jak zamienisz w 4 linijce na np:
(...)


Drugi sposób nie działa próbowałem zanim napisałem tu post wink.gif przyznam się szczerze że gdy zastosowałem sposób który zaproponował mi Adrian zadziałał nie próbowałem niczego innego. Jak znajdę chwilę czasu na pewno spróbuje w inny sposób to rozwiązać.
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 20:22