Здравейте на всички! Днес ще ви покажа как да направите интерактивна сравнение на прост JQuery плъгин - TwentyTwenty.
Намери описание и примери, моля натиснете тук. Там можете да изтеглите плъгина, като кликнете на съответния бутон.
Сега нека да поговорим за това как започна всичко. За да започнете, изтеглете JQuery библиотеката и JQuery събитие филм. за поддържаните мобилни устройства.
Сега създайте контейнер с две снимки
Когато изображенията са заредени, обадете се на приставката, което му придава името на контейнера.
Или можете да просто да добавите съответния клас на контейнера
В този плъгин има една опция - ляв отстъп.
Както можете да видите по-горе, по подразбиране се компенсира от левия край, равна на половината, т.е. плъзгача е в средата. Но вие можете да, разбира се, се променя стойността, която ви трябва.
Така че, днес, ние разгледахме прост плъгин за JQuery библиотека - TwentyTwenty. което ви позволява бързо съставяне на висококачествени ефект на "Преди и след".
Благодаря ви и на добър час!
Препоръчайте тази статия на приятел:
Ако сте харесали сайта, линк към него (на вашия сайт, форум, при контакт)
Тя изглежда така:
Свързани статии