Lory Carousel Slider Характеристики Поддръжка на CSS анимация и докосване

От всички въртележки онлайн Трябва да накланя шапката си лори. Това е такава проста концепция но това е лесно най-мощните плъзгачи в мрежата.

Най- умалена версия общо около 7KB, което не е малко, но със сигурност не е лошо за плъзгач с въртящ се елемент с докосване.

Можете да добавите този плъгин към всеки уебсайт, тъй като той работи на jQuery или обикновена ванилия JS. Тя може да работи с няма зависимости което е чудесно за съвместимост.

Lory също е един от малкото плъгини не се влошава в по-старите браузъри. е напълно поддържан в IE10+, и по-старите версии все още могат да работят с плъзгача без анимации и малки екстри.

Ще трябва направете всички програмни кодове сами ако искате да добавите съдържание, но то е изненадващо просто. Можете да определите колко големи да направите всеки панел, колко дълго да анимирате и как да се справяте с отзивчиви браузъри.

Вижте началната страница на Lory за програмен код и подробности за настройката.

Започнете с добавяне на библиотеката Lory JS към сайта ви глава раздел, или като jQuery плъгин, или като библиотека с ванилия. Всички версии са в момента домакин на Cloudflare CDN, така че е изключително лесно да включите копие без никакви файлове за изтегляне.

С инсталирания JavaScript файл ще искате да създадете HTML неподреден списък с съдържанието на слайда, но Lory идва с няколко предварително дефинирани класа така че е добре придържайте се към техния модел.

Ето някои примерен код взето от основния Lory GitHub repo:

 
 
 
 
1
 
2
 
3
 
4
 
5
 
6
 
 
 

Сега в jQuery (или обикновен JS), можете настройка на функционално повикване. Трябва да изглежда така:

 $ ('. js_slider'). lory (безкрайно: 1); 

Обърнете внимание на безкраен опцията е само една от многото функции, които можете да персонализирате. И винаги можете да промените .js_slider клас според вашите нужди.

При разработването с този плъгин може да имате много въпроси за персонализиране. Бих силно препоръчвам преглеждане на документацията което е в най-долната част на страницата на GitHub.

Вероятно не е най-доброто място за документи, но за щастие те са доста малки. Имаш само около 10 опции да персонализирате и може би 10-12 различни събития с които можеш да работиш. Тази информация може да бъде намерена и в долната част на сайта на Lory, но е много по-лесно да се чете на GitHub.

Актуализациите не са толкова чести, но винаги можете запишете искане за издаване в GitHub, ако срещнете проблеми. Ако наистина имате проблеми с кода, вероятно ще ви е по-лесно да ги решите на Stack Overflow.

Така или иначе, можете започнете доста бързо използване на Cloudflare CDN и GitHub документи. И ако търсите на живо демо с код провери този CodePen запис.