Jak dodać przejścia slajdów do Slider Revolution

Ten artykuł jest częścią naszej bieżącej serii samouczków Slider Revolution. Wszystkie artykuły z tej serii można znaleźć w naszym kompleksowym przewodniku Slider Revolution.

Slider Revolution pozwala na dużą kreatywność i wszechstronność pod względem stylu. Możesz tworzyć minimalistyczne, stonowane slidery lub ruchliwe z dużą ilością warstw. Drugi typ jest zwykle bardziej interesujący i dynamiczny. Ale jeśli masz suwak składający się z naprawdę dobrych obrazów, ale bez dodatkowych warstw, nadal możesz go wystrzelić. I to jest właśnie gdzie wchodzą przejścia slajdów.

Informacje o przejściach slajdów

W Slider Revolution (która ma kilka doskonałych opcji w tym dziale) przejścia slajdów służą do animowania slajdów składających się z obrazów tła i kilku (lub nie) dodatkowych warstw. Przejście slajdu to w rzeczywistości efekt, który pojawia się, gdy jeden slajd przesunie się, aby zrobić miejsce dla następnego.

Te przejścia mogą pomóc w zdefiniowaniu rytmu i stylu suwaków, ponieważ mogą być powolne i subtelne lub szybkie i odważne.

Rzućmy okiem na to, jak skonfigurować przejścia slajdów Slider Revolution.

Pierwsze przejście slajdu

Slider Revolution daje nam możliwość wybrania osobnego przejścia dla pierwszego slajdu, który pojawia się, i innych dla kolejnych slajdów. Pomaga to wyróżnić pierwszy slajd jako rodzaj wprowadzenia. Jeśli wybierzesz ruch slajdów „od prawej do lewej” dla obrazów tła, pierwszy slajd powinien mieć inny kierunek przejścia. Jeśli pozostawisz to samo ustawienie dla pierwszego slajdu, przed wsunięciem pierwszego obrazu tła z boku pojawi się pusta strona. Dlatego przy pierwszym przejściu slajdów zawsze zaleca się użycie prostego Zanikanie animacja. Aby ustawić tę opcję, przejdź do Opcje ogólne modułu > Ogólne > Pierwszy slajd i ustaw Różnice animowane do Na.

W tym przykładzie użyliśmy Home Passepartout Slider z naszego motywu WordPress Yvette, pozostawiając domyślne wartości dla Typ przejścia, Czas trwania przejścia i dla Kwota przedziału przejściowego. Oczywiście możesz je zmienić, aby pasowały do ​​stylu Twojej witryny. Tylko nie ustawiaj zbyt wysokich wartości czasu trwania przejścia, aby uniknąć długiego czasu ładowania pierwszego obrazu slajdu.

Przejście pojedynczego slajdu

Po zajęciu się pierwszym slajdem możesz zrobić Animacje pojedynczych slajdów dla każdego obrazu tła twojego suwaka. Ten, który ustawiłeś dla pierwszego slajdu pojawi się za drugim razem, gdy slajd się pojawi (oczywiście w przypadku wybrania innego typu animacji dla pierwszego przejścia slajdów).

Możesz zastosować tę samą animację dla wszystkich slajdów lub możesz ustawić inny rodzaj dla każdego. Iść do Opcje slajdów > Animacja > Animacja slajdów i kliknij duży niebieski przycisk, aby otworzyć różne animacje przejścia.

Dostępne są różne typy przejść i możesz wybrać preferowany typ i animację z dodatkowego menu.

Zdecydowaliśmy się zastosować te same animacje dla wszystkich slajdów i tego właśnie użyliśmy. Za typ zdecydowaliśmy się Przesuń sięi za sposób, w jaki się wydaje, wybraliśmy Przesuń w lewo. Inne domyślne opcje wydawały się dobrze pasować, więc zostawiliśmy je tak, jak były. Slide Over oznacza, że ​​twój następny obraz zawsze będzie przesuwał się po poprzednim, aw naszym przypadku będzie wyświetlany od prawej do lewej.

A oto dodatkowe ustawienia przejścia. Możesz zmienić jego szybkość i easings.

Po ustawieniu wszystkiego tak wyglądają nasze przejścia:

Zawijanie tego

Przejścia slajdów stanowią ważny element każdego suwaka, dlatego zdecydowanie zaleca się ich dokładne przemyślenie i ustawienie tak, aby pasowały do ​​stylu i atmosfery witryny. Jak widzieliśmy w tym artykule, istnieją pewne praktyki, których należy przestrzegać. Na przykład pierwszy slajd powinien mieć inny efekt przejścia niż reszta, a czas trwania przejścia nie powinien być zbyt długi. Slider Revolution oferuje mnóstwo opcji dostosowywania tego efektu i zalecamy eksperymentowanie z nimi, aż uzyskasz idealny wynik.