Slick parametry. Adaptacyjne suwaki jquery do strony docelowej. Przykłady używania różnych konfiguracji Slick Slider

Cześć przyjaciele. Dzisiaj porozmawiamy adaptive jQuery. Slideers, które pomogą udekorować wstęp, kompetentnie strukturalne informacje i zwięźle przesłać go.

Kiedyś spędziłem ankietę portale społecznościowe I poproszony o ofertę stojącego scenariusza Slider, który używasz siebie. Specjalny sukces nie zdobył stanowiska, ale zostałem poradzony Świetne narzędziektóre dziś przyjdzie najpierw. Za co - dziękuję bardzo. Może po tym artykule ktoś doradzi jeszcze lepszy skrypt.

Najlepsze skrypty wdrażające suwak na stronie

Ponieważ wszystkie przedstawione poniżej skrypty są wtyczkami jQuery, są one łatwo osadzone zarówno w zwykłych miejscach HTML, jak i dowolnych CMS i wielu.

Carousel Sowa 2.

Moim zdaniem Sowa Carousel 2 jest najlepszym suwakiem jQuery z bezpłatnego. Ustawienia masowe, dostępność API i możliwość całkowitego dostosowywania. Wszystko to zakochało się w swoim pierwszym spojrzeniu. Doskonale reaguje na smartfony i tablety, obsługuje SWIP (OM) i wiele więcej.

Slick suwak.

Na drugim miejscu, włożyłbym slick suwak. Dość interesująca opcja używałem przez chwilę. W przypadku zadań, strona lądowa była dość zadowolona. Umieść komentarze, logo marek i partnerów, ze wszystkimi tym suwakiem poradził sobie z bankiem. Możliwe jest użycie metod i zdarzeń, a także wyświetlać suwak w kilku miejscach na stronie.

Suwak Sudo.

Między innymi suwak obsługuje obracanie, przeciągając elementy na ekranie ekranu dotykowego, które niewątpliwie zachwycają odwiedzających witrynę za pomocą smartfona lub tabletu.

Więc suwak ma nazwę slick.js.. Aby podłączyć suwak na stronie, włóż kod głowa. Twoja witryna następująca linie:

To wszystko! Suwak jest gotowy do pracy. Teraz wszystko, co możesz podłączyć do niezbędnych elementów. Piszemy HTML:

i podłącz suwak do niego (Ten kod jest lepszy do umieszczenia w sekcji głowy):

Po takich prostych manipulacjach, twój slick Slider. Rozpocznij pracę z domyślnymi ustawieniami.

Zamiast Zawartość 1., Zawartość 2. A inne możesz umieścić dowolną zawartość - zdjęcia, zamki, akapity itp. Na przykład, wirnik towarów można wykonać dla sklepu internetowego:

Możesz dodać nieograniczoną liczbę elementów do rotatora.

Ponadto suwak obsługuje różne ustawienia - liczba wyświetlanych elementów, liczba przewijanych elementów, pionowy lub poziomy suwak, szybkość przewijania i tak dalej.

Możesz także skonfigurować liczbę wyświetlanych elementów dla różnych wyświetlaczy uprawnień:

$ (Document) .Ready (funkcja () ($ (". Produkt-suwak"). Slick ((Responsive: [(przełamanie: 1024, // dla wyświetla do 1024px i więcej ustawień: (SlideStoshow: 3, // Numer wyświetlanych elementów 3 SLIDSTOSCROLL: 3, // Liczba przewijanych elementów W czasach 3 kropki: Punkty wyświetlania True // (według liczby elementów))), (Punkt przerwania: 600, // dla wyświetlania mniej niż 600px Ustawienia: ( SlideStoshow: 2, // Liczba wyświetlanych elementów 2 Slidstoscroll: 2 // Liczba przewijanych elementów W czasach 2))), (480, // dla wyświetlania Mniej niż 480px Ustawienia: (SlideStoshow: 1, // Liczba Elementy przewijania w czasach 1 Slidestoscroll: 1 // Numer przewijania elementów w czasach 1)])););

Z więcej szczegółowe ustawienia Możesz znaleźć

przysiek. - Kompleksowe rozwiązanie do tworzenia funkcjonalności karuzeli w różnych objawach. Demo i typowe opcje, a źródła można oglądać / pobrać.

Za dużo śpiewa

W konfiguracji podstawowej Slick ma kilka skryptów, kilku stylów, własna czcionka. Używam wersji ściętej:

• slick.min.js (minimalizowany)
• slick.css (+ możesz czysty style)
• slick-Theme.css (+ Możesz czyszczyć style)

Style, jeśli jest to pożądane, można łączyć w jeden.
Slick Slick Font Links, które zastępuję na wygodniejszym fontaweSome

Podstawowa karuzela

Główną funkcjonalną funkcjonalną karuzeli ustawia div Class \u003d "wiele elementów". Div Class \u003d "Carousel" jest potrzebna tylko do ustawiania wcięć z karuzeli.

Skrypt inicjalizacji skryptu

$ (Document) .Ready (funkcja () ($ ("wiele pozycji"). Slick ((// Infinite: True, // Przewiń w kółku Autoodtwarzanie: True, SlideStoshow: 3, Slidestoscroll: 3));) );

Slick-suwak (szerokość: 100%; Float: Lewo;) .slick-slajd (kursor: wskaźnik;) .multiple-elementy .slick-slajd (margines: 0 15px;) .Carousel (wyściółka: 0 3%; pływak: W lewo; Szerokość: 100%; Ramka-Mizja: Border-Box;) / * Woocommerce * / .Carousel .woocommerce Ul.Products Li.Product (marża: 1em 0 1.992em 0; Szerokość: 100%;)

Karuzel wooCommerce.

Zmodyfikowana wersja

Niewiele uprościł wycofanie towarów dla karuzeli (! Nie roztwór uniwersalny, w różnych wersjach układów może być wyświetlane na różne sposoby):

Podczas uruchamiania skryptów karuzela występuje w całym układzie. Utwórz oryginalne style, które utrzymają karuzelę w bieżącym układzie:

Wielokrotne elementy (Wyświetlacz: Flex! Ważne; Flex-Wrap: Wrap; MARGE-DOLD: 25px;) .multiple-elementy IMG (-moz-backface-widoczność: widoczna; -Webkit-backface-widoczność: widoczna; widoczność backface : widoczne;) .slick-lista (marża: 0 -11px 0 0! Ważne; Wypełnienie: 0 1px 0 0! Ważne; Szerokość: 100%;) .slick-track (obramowanie: Solid # E9EEEC; Szerokość graniczna: 0 0 1px; Wyświetlacz: Flex! Ważne; Padding-Dolne: .1rem;) .Carousel .product (obramowanie: Solid # E9EAC; Szerokość graniczna: 1px 1px 1px 0; Tło: #FFF; Wypełnienie: 15px; Lista styl: Brak; Tekst-Dignal: Center; Pozycja: krewna; MARGIN-DOLD: -.1Rem; Wysokość: Auto;). 1MOŚĆ\u003e .Product (szerokość: 25%;)

Właściwości backface wskazane obrazy, ponieważ Jeśli zostawiasz ukryte, potem podczas obracania, ukrywają etykiety.

Adaptacja karuzeli

Skrypt może być skonfigurowany w różnych rozdzielczości ekranowych. Aby to zrobić, w ustawieniach przepisywamy reagowanie parametrów

Responsywny: [(Punkt przerwania: 1280, Ustawienia: (SlideStoshow: 4, Slidestoscroll: 4,)), (przełamanie: 1024, Ustawienia: (Slidestoshow: 3, Slidestoscroll: 3)), (przełamanie: 800, Ustawienia: (Slidestoshow : 2, Slidestoscroll: 2)), (480, Ustawienia: (SlideStoshow: 1, Slidestoscroll: 1))]

Wyłącz w ogóle z określoną rozdzielczością - Ustawienia: "Unlick"

Slick Slider.

Ostatnio główny suwak jest również oparty na ślisku. Jest mały problem - przy ładowaniu strony dla niektórych frakcji w sekundach wszystkie slajdy są wyświetlane, a następnie składają. Przebrałem to:

Robimy wszystko, z wyjątkiem jednego niewidzialnego slajdu:

Slick-Track\u003e Div: NTH-Child (2) IMG (Wyświetlacz: Blok! Ważne;) # Index-Slider img (Wyświetlacz: Brak)

A podczas ładowania strony włącz resztę:

JQuery (Document) .Ready (jQuery ("# \u200b\u200bindex-suwak img"). CSS ("Wyświetlacz", "Blok");));

Przesyłanie slajdów.

Slick ma inny przydatna funkcja Lazyload (). Musisz tylko dodać nieruchomość do skryptu. lazyload: "Ondemand". I zmień wyjście obrazu:

albo nadal możesz uprościć:

Id), "pełny"); ?\u003e.

I tak, że slajdy zostaną załadowane przeciwnie, początkowo muszą przepisać nieruchomość. lazyload: "progresywny"

Personel ładowania obrazów nie jest doskonale poprawny, zalecam używanie w wiązce z Lazload.

Mobilna wersja suwaka
Możesz powiększyć w mob. Wersje Suwak wysokości, podczas gdy skrawanie krawędzi z obrazów, ale obraz będzie więcej:

Ekran @Media i (MAX-Device-szerokość: 480px) (# Suwak indeksu, .hotel-zdjęcia (wysokość: 200px;) .slick-lista, , .Hotel-zdjęcia img (wysokość: 100%; obiekt-Fit: Cover;)))

obiekt-Fit: Cover; - Nieruchomość klasy CSS 3, wspierana przez większość przeglądarek

Galeria Slick.

Ostatnio jeden z witryn zwrócił uwagę na ciekawe wykorzystanie śliski w formie galerii. Funkcją jest to, że obrazy galerii osiągają krawędzie ekranu (witryna VERERS jest pełny ekran).

Aby wdrożyć, konieczne jest umieszczenie suwaka (# index-suwak) w kontenerze (.s2) i przepisuje następujące style:

S2 (Przepełnienie: Ukryty; Wyświetlacz: Block;) # Suwak indeksowy (maksymalna szerokość: 1000px; Marża: 0 Auto;) .s2 .slick-lista (przelew: widoczny;) # Max-szerokość: 800px; Marża: 0 Auto;)

lub nawet łatwiej:

Aby zarejestrować się 2 style:

# Suwak indeksu (max-szerokość: 1280px; margines: 0 Auto;) # index-suwak .slick-lista (przelew: widoczny;)

Skrypt suwaka Pobraliśmy w ostatniej drużynie lekcyjnej

$ Bower I Slick.js

Można również znaleźć w Google - pierwszy link na żądanie Slick http://kenwheeler.github.io/slick/

Zalety suwaka:

- Obsługuje zdarzenia dotykowe - można zobaczyć z telefonu, leżąc palcem
- obsługuje responsywę - można ustawić inną ilość slajdów w zależności od rozmiaru ekranu: na dużych ekranach, wyświetlić 4 zjeżdżalnie na medium 2-3, na telefonach jeden po drugim

Dobra praktyka - łączenie skryptów z folderu Bower_Components



Następnie podczas aktualizacji skryptu program alkoholu nie będzie musiał przepisać numeru wersji w kodzie, ponieważ altała daje skrypty stałe nazwy, które się nie zmieniają podczas ulepszania.

Jeśli chodzi o style znajdujące się w slick folder: slick.css, slick.less, slick.Thee.less lepiej skopiować je do folderu z CSS i połączyć się stamtąd. Jeśli zostawiasz je na miejscu, aw stylach suwaków wprowadzają zmiany, a następnie aktualizując skrypt, wszystkie te zmiany zostaną utracone.

W przeciwieństwie do innych suwaków, ramki są umieszczane na liście, ale w blokach:

Zadzwoń bez parametrów.

Gdy wtyczka jest nazywana bez parametrów, otrzymujemy prostą opcję z jednym slajdem na stronie i strzały nawigacyjne.

$ (".Single-Item"). Slick ();

Wyświetlanie kilku slajdów

W przykładzie zainstalowaliśmy parametry "Slick suwak" przewijania pożyczki, włączony wyświetlacz punktów nawigacyjnych wskazywał liczbę wyświetlanych i przewijanych slajdów.
$ (".multiple-elementy"). Slick ((
Nieskończony: prawda,
// Przejrzany suwak - po pierwszym przedziale Kropki: prawda,
// punkty pod suwakiem pokazującym aktywny slajd
SlideStoshow: 3,
// Liczba slajdów wyświetlanych na ekranie Slidestoscroll: 1.
// Liczba slajdów, które zwracają się na raz
});

Tryb centrujący

W trybie centrującym aktywny slajd jest zainstalowany w środku.
$ (".Środek"). Slick ((
Centrymode: True,
SlideStoshow: 3,
});
Centralny slajd ma klasę "Slick-Center", co oznacza, że \u200b\u200bmoże być wykonany oddzielnie.

Zdolność adaptacji

W suwaku można skonfigurować wyjście adaptacyjne pewnej liczby slajdów w zależności od wartości szerokości ekranu. Na przykład, potrzebujesz, z szerokością ekranu mniej niż 600 pikseli wyświetlanych tylko 2 slajdy i przełączyli się jeden po drugim. Rozwiązanie tego zadania będzie wyglądać

$(".uncycle"). Slick ((nieskończony: false, prędkość: 350, // Określ częstotliwość obrotów SlideStoshow: 4, // Liczba slajdów do wyświetlenia Slidestoscroll: 2, // Ile slajdów zostanie skręconych na raz Responsywny: [(Punkt przerwania: 600, // raporty o jakiej szerokości ekranu należy dołączyć ustawienia Ustawienia: (SlideStoshow: 2, Slidestoscroll: 1, Infinite: True,))]);

Gładki przełącznik

W stanie standardowym suwak wykonuje ostrą podstawę slajdów. Ale funkcja Slick zapewnia płynny tryb wymiany średniego. Aby to zrobić, musisz uciekać się do atrybutu leniwy danych, w której przepisuje się ścieżka do zdjęcia. Atrybut musi być przypisany nie do folii, ale znacznika obrazu. Spowoduje to uniknięcie użycia kodu JS. Alternatywna będzie ta drużyna

Lazyload: "Ondemand"

Atrybut powinien być zapisany tak

< img data- lazy = " images/slaid.jpg" >

Gładki przełącznik bez ruchu

Specyfika takiego suwaka jest to, że na ekranie znajduje się tylko jeden slajd, który podczas przełączania stopniowo przesuwa się do następnego. Efekt opiera się na zasadę płynnego wzrostu przejrzystości. Oznacza to, że wybrany jest pewien segment czasu, podczas którego przejrzystość pierwszego slajdu waha się od 0% do 100%, dzięki czemu pojawia się następny slajd. Scenariusz taki suwak będzie wyglądał

$(".blaknąć"). Slick ((Infinite: true, Prędkość: 400, Zniknij: Prawda, CSSEASE: "Linear"));

Slick jest najbardziej wszechstronnym i łatwym w obsłudze suwak. Szeroka gama ustawień suwaka obejmuje wielki zestaw rozwiązań do wdrożenia suwaków, co jest prawdopodobnie najważniejszą zaletą tego suwaka.

Konfigurowanie Slick Slider

• nieustalność. - Wartość początkowa tego parametru jest ustawiona jako prawdziwa, jest odpowiedzialna za podłączenie przycisków nawigacyjnych dla suwaka - są one strzałki do przodu i do tyłu, a także przyciski w postaci punktów.
• adaptiveHeight. - Jest stosowany tylko do pojedynczego suwaka, który zmieni wysokość pojemnika nadrzędnego w zależności od wysokości suwaka. W warunkach początkowej konfiguracja nie jest podłączona.
• automatyczne odtwarzanie - Dostosowuje obrót slajdów w trybie automatycznym, bez interwencji użytkownika. Standardowa wartość tego ustawienia pasuje do fałszu.
• autoplaypeed. - Ten parametr jest pomocniczym do autoplay i ustawia okres czasu, po którym zostanie wdrożona automatyczne obrót slajdów. Początkowo jest napisany do 3000 milisekund.
• strzały. - Łączy strzałkę do suwaka do przodu i do tyłu. Korzystając z tabeli stylów zewnętrznych, można zmienić położenie i wygląd tych strzałek.
• asnavfor. - Ustawia łącze nawigacyjne między dwoma suwakami przez identyfikator lub klasę. W warunkach początkowym parametr odpowiada wartości zerowej.
• prevarrow. - Umożliwia zmianę wyglądu standardowej strzałki nawigacyjnej, która podnosi poprzedni slajd.
• nextarrow. - Podobnie jak w przypadku funkcji poprzedniego parametru, ale jest odpowiedzialny za strzałkę, która przełącza slajd do przodu.
• centralny. - Naprawia bieżący slajd w środku pojemnika nadrzędnego, początkowo parametr jest wyłączony.
• centerpadding. - W trybie centralnym wyświetlacza bieżącego slajdu (poprzedniego parametru) ustawia wcięcie wewnętrzne dla tego slajdu, które wizualnie pozwala zwiększyć bieżący slajd.
• cSSEASE. - Odpowiedzialny za animację przesunięcia zdjęć, może sprawić, że jest gładko lub ostrzejszy. Zabiera wartość standardową "łatwość".
• custompaging. - Umożliwia włożenie własnego szablonu do przeglądania suwaka.
• kropki. - Podłącza przełączniki punktów, domyślnie jest w stanie wyłączenia.
• draggable. - Podłączyć możliwość obracania slajdów zaciskiem myszy. Oznacza to, że jeśli przyniesie kursor myszy do suwaka, zacisnąć go i przesuń się na bok, suwak przełączy się na następny.
• blaknąć - Tworzy efekt tłumienia slajdów podczas przełączania, efekt animowany.
• focusonsonElect. - Skupia określony element suwaka.
• Łagodzący. - Umożliwia ustawienie specjalnego trybu animacji podczas przełączania zdjęć.
• edgefograf - Wyłącza przełącznik przesuwania ostatniego elementu. Działa tylko wtedy, gdy suwak nie jest zapętlony.
• nieskończony. - Kurki pokazujące slajdy. Oznacza to, że podczas przełączania ostatniego zdjęcia, slajdów rozpocznie się pierwszy.
• iITIONSIDE. - Określa zdjęcie, z którym rozpocznie się pokaz slajdów. Domyślnie suwak uruchamiania wybiera pierwszy obraz w kolejności.
• lazyload. - Umożliwia ustalenie trybu ładowania następujących slajdów. Dostępne są tylko 2 wartości dla konfiguracji: "Ondemand" i "Progressive", a ta ostatnia jest wartością domyślną.
• paßelhover. - zatrzymuje rzucanie slajdów po najechaniu kursora myszy na ciele suwaka. Działa tylko wtedy, gdy zdefiniowano automatyczne przełączanie slajdów.
• pauseondotshove. - Zatrzymuje rzucanie slajdów podczas unoszenia kursora myszy, aby przełączenia punktowe. Działa tylko wtedy, gdy zdefiniowano automatyczne przełączanie slajdów.
• odpowiedzi na. - Powoduje reakcję na zmiany szerokości okna przeglądarki. Trzy wartości są dostępne do użycia: "Okno", "Slider" lub "MIN".
• czuły - Umożliwia dostosowanie ustawień suwaka do szerokości ekranu. Różni się od poprzedniego ustawienia, że \u200b\u200bograniczenie szerokości jest określone przez dokładną wartość w pikselach. Używany do układu adaptacyjnego dla urządzeń mobilnych.
• slidestoshow. - Umożliwia ustawienie liczby zdjęć wyświetlanych w strefie widocznej. Początkowo pokazano 1 slajd, ale ta wartość może być zróżnicowana.
• slidestoscroll. - Zgłasza suwak, ile trzeba zmienić zdjęcia podczas przełączania.
• prędkość. - naprawia prędkość, z którą slajdy zostaną przesunięte.
• zmienna zastępca - Dostosowuje szerokość pojemników slajdów pod szerokością każdego wyświetlanego obrazu.

Updatek:Próbowałem stworzyć suwak na tej lekcji i okazało się, że był bardzo niekompletny.
Uzupełnij.

1. Pobierz repozytorium tutaj https://github.com/kenwheeler/slick
2. W pliku index.html przed otwarciem Podłączamy style suwaka:

Przed zamknięciem Podłączamy skrypty

Ten suwak wymaga czcionek. Folder czcionek z folderu suwaka musi być umieszczony w folderze Project CSS.
W folderze suwak musisz znaleźć rysunek AJAX-Loader.gif i w pliku Slick-Theme.css, aby zarejestrować się na niego

3. Teraz dzielnik suwaka jest przypisany na przykład klasę, na przykład wiele elementów
I w pliku skrypt.js piszemy kod

$ (Document) .Ready (funkcja () (
$ ("Wielokrotne przedmioty"). Slick ((
Autoodtwarzanie: false,
AutoPlayPeed: 6000,
Strzałki: Prawda,
Nieskończony: prawda,
Kropki: prawda,
Centrymode: True,
SlideStoshow: 3,
Slidestoscroll: 1.
});
});

4. Suwak już działa. Ale strzałki nie są widoczne, ponieważ są poza suwakiem, a ja mam szerokość suwaka na moim ekranie. Strzałki Szukamy w pliku Slick-Theme.css zmienić wcięcie, dzięki czemu strzałki pozostają wewnątrz suwaka, a nie na zewnątrz.

5. Dobry. Teraz, moim pomysłem, centralny suwak suwak powinien różnić się od boku.
Napisz wystarczająco dużo, aby zarejestrować się w kodzie

$ (". Środkowy"). Slick ((
Centrymode: True,
// środkowy bieżący slajd
Centerpadding: "50px",
// nieznacznie zwiększ bieżący slajd
SlideStoshow: 3.
// Wyświetlacz 3 Slajdy, aby wyświetlić
});

Zwiększyć rozmiar centralnego suwaka. W rzeczywistości ta metoda nie działa
Zwiększył centralny styl slajdów
.slick-center (
Kolor-kolor: # 8cc63f;
Przekształcić: skala (1,3);
}

Wyświetl wiele slider Slider i Carousel za pomocą skrótu z kategorią. W pełni reagujący, przesuwanie włączone, przeciąganie myszy na pulpicie i nieskończone zapętle. W pełni przystosowany ze strzałką klawiszową autoryzacją nawigacyjną, kropkami, strzałami itp.

Wykorzystuje niestandardowy typ postu i taksonomii, aby utworzyć suwak, z allostowi nieograniczoną opcjami i obsługą suwaków multiliple na dowolnej stronie. Możesz także wyświetlić suwak obrazu na nagłówku witryny.

Dodaliśmy 5 wzorów dla suwaka i 1 projektowania karuzeli. Wszystkie projekty znajdziesz na naszej stronie internetowej DEMO. Po prostu skopiuj skrót do projektu, który lubisz i użyj.

Poprawki magazynu.

1.8 (08, sierpień 2019)

• [*] Aktualizuj połączenia demo
• [*] Naprawiono kilka małych problemów.
• [*] Zaktualizowany tekst pod Facetred obraz tj. Dodaj obraz suwaka.

1.7.1 (31 maja 2019)

• [+] Dodano nowy parametr skróty, tj. Image_fit \u003d "true. Image_Fit Parametr służy do określenia, jak należy zmienić obraz, aby pasowały do \u200b\u200bjego pojemnika. Domyślnie wartość to "TRUE". Opcje są prawdziwe lub fałszywe. Uwaga: Uwaga: Image_Fit \u003d "True" Pracuj lepiej, jeśli podano SliderHeight. Jeśli Image_fit \u003d »False», nie ma potrzeby używania parametru SliderHeight.
• [*] Parametr Image_fit działa zarówno z skrótu.
• [+] Dodano nowy parametr skrótów, tj. Image_size \u003d »pełny» dla skrótu (domyślnie jest "pełny", wartości są miniaturą, średnią, średnim, dużym, pełnym)
• [-] Usunięto domyślną wysokość 400 z parametru Sliderheight.
• [-] Usuń obiekt-Fit CSS właściwość firmy IMG w CSS, jeśli image_Fit \u003d »False».

1.6.2 (12 lutego 2019)

• [*] Drobna zmiana przepływu opt-in.

1.6.1 (26 grudnia 2018)

• [*] Aktualizacja przepływu opt-in.

1.6 (06, Gru 2018)

• [*] Testowany z WordPress 5.0 i Gutenberg.
• [*] Naprawiono problemy z wysokością suwaka z niektórymi wzorami.
• [*] Podjęto lepsze bezpieczeństwo z ESC_URL i ESC_HTML.
• [*] Naprawiono niektóre problemy CSS.

1.5.1 (05, czerwiec 2018)

• [*] Postępuj zgodnie z niektórymi szczegółowymi wytycznymi WordPress.

1.5 (10/3/2018)

• [*] Naprawiono niektóre problemy CSS związane ze strzałką suwakiem.

1.4 (10/3/2018)

• [*] Naprawiono niektóre problemy CSS

1.3.4 (04/10/2017)

1.3.3 (04/10/2017)

• [*] Zaktualizowano slick.min.js do najnowszej wersji
• [*] Naprawiono wszystkie responsywne problemy i sprawdził wiele urządzeń mobilnych.
• [*] Jeśli używasz dowolnej wtyczki pamięci podręcznej, wyczyść pamięć podręczników po aktualizacjach wtyczek

1.3.2.1 (27/09/2017)

• [*] Naprawiono projekt Design-6 z parametrem skrótu VaribleWidth \u003d »True» W reagującym układzie
• [*] Jeśli używasz dowolnej wtyczki pamięci podręcznej, wyczyść pamięć podręczników po aktualizacjach wtyczek

1.3.2 (23/09/2017)

• [*] Naprawiono problem z parametrem z parametru skrótu VaribleWidth \u003d »true»
• [*] Jeśli używasz dowolnej wtyczki pamięci podręcznej, wyczyść pamięć podręczników po aktualizacjach wtyczek

1.3.1.1 (23/09/2017)

• [*] Napraw responsywny problem zgłoszony przez użytkowników w V-1.3.1
• [*] Jeśli używasz dowolnej wtyczki pamięci podręcznej, wyczyść pamięć podręczników po aktualizacjach wtyczek

1.3.1 (22/09/2017)

• [*] Napraw problem z plikiem JS WP_Register_Script

1.3 (22/09/2017)

• [+] Dodano sliderHeight. Parametr w skrócie.
• [*] RTL lepiej pracować z stronami RTL
• [*] Tryb środkowy i zmienna zastępca poprawiła się lepiej zgodnie z informacjami o usresach
• [*] sliderHeight. Poprawiono parametr.

1.2.8 (22/05/2017)

• [+] Obsługiwany przez RTL

1.2.7 (25/04/2017)

• [+] Dodano nakładkę do projektowania-2

1.2.6 (07/11/2016)

• [+] Dodano "Jak to działa"
• [-] Usunięto zakładkę Pro Design

1.2.5 (20/10/2016)

• Zaktualizowano wszystkie projekty i napraw błąd
• Naprawiono problem z wyświetlaniem obrazu na telefonie komórkowym
• Zastąpiona strzałka obrazy

1.2.4

• Zaktualizowany suwak JS do najnowszej wersji.
• Zaktualizowana strona projektowania wtyczki.

1.2.3

• Naprawiono niektóre problemy CSS.

1.2.2

• Naprawiono niektóre problemy CSS.
• Rozwiązany problem z wieloma konfliktami slider jquery.

1.2.1

• Naprawiono jakiś błąd
• Dodano wersję Pro z 16 projektami