Със сигурност много сайтове, които сте виждали тази функционалност като мащабиране на изображения, особено любители на правене на онлайн магазини. Това позволява на потребителя да разгледа интерес на продуктовата си колкото е възможно по-подробно. В тази статия, ние считаме, един от плъгина JQuery, че решава този проблем.
Съвсем наскоро, аз трябваше да използва това решение в неговата работа. Има много скриптове, посветени на тази тема, но ми хареса името на плъг-ин лупа. Това решение е много удобно, тъй като неговата връзка и настройка отнема само няколко минути.
Първо, ние, както обикновено, трябва да се свържете на библиотеката и на самия плъгин.
След това сложи маркиране, която да работи. Тук имаме две възможности. Ние можем да работим директно с изображението или да го включите в линка, и просто се заемем с него.
В първия вариант на мащаба, за да работи правилно, че трябва да определите ширината и височината атрибути с по-малък размер на изображението.
Във втория пример за начина, по който изображението, това посочите изображение, което ще се използва лупа ефект, и по начин, връзки - изображение, което ще се появи, когато задържите.
След като сложи белезите на страницата наляво, за да се обадите на приставката.
Това е, след като е получил всички тези действия приятен ефект на увеличение.
Минало, което може да се отбележи, за този сценарий, е фактът, че тя е част от неговите настройки. С помощта на тях можете да промените размерите на примките и определете класа за диван, който се използва като лупа.
Надявам се, че сте харесали плъгин лупа JQuery, а ти оценявам неговото удобство.
Свързани статии