Добавете ефект на увеличаване на уеб страницата си с jfMagnify

Има много безплатни плъгини за мащабиране които работят невероятно добре. Повечето от тях обаче са построени за изображения и те посочват посоки за само за изображение.

Какво ще стане, ако можеш добавете увеличаващ ефект на всяка част от вашата уеб страница? Благодарение на jfMagnify, можеш.

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

Забележете, че този плъгин може да се почувства малко тежко, тъй като той разчита на две зависимости: редовен jQuery и Потребителски интерфейс jQuery. И двете са необходими, за да може jfMagnify да работи правилно. Да не говорим за актуален jfMagnify скрипт ще трябва да включите в страницата си.

Настройката е малко сложна, защото можете да насочвате само към увеличени елементи в контейнер. Ако искате да насочите цялата страница, която трябва да направите включете клас над целия си уебсайт.

Ето как един ред jQuery ще изглежда така:

 $ ( ". Величаят") jfMagnify (.); 

Това цели всички елементи в. \ t .увеличавам контейнер което обикновено е a Разделение елемент.

Тези вътрешни елементи могат да бъдат образи, но също така включва малък шрифт, например в условията на сайта или на политиката за поверителност. Цялата документация е в репо GitHub, така че след като го настроите, целият процес става много по-лесен.

Също така, този плъгин е много капризен и идва с него много правила за контейнери. Например контейнерният елемент не може да има статична CSS позиция, така че трябва да бъде относителна, абсолютна или фиксирана.

Можеш намерете всички правила за стила по подразбиране в репо GitHub, но може да е болка да персонализирате, ако оформлението ви вече е изградено и работи. Ползите от jfMagnify са за мен заслужава усилията. Наистина, това зависи от вашите нужди и от това дали ви харесва интерфейса.

Погледнете документите в GitHub, за да видите какво мислите. И вие също можете прегледайте интерфейса на CodePen, ако искате да видите библиотеката в действие, преди да го инсталирате.