ЗооМове јКуери Плугин то Зоом Имагес он Ховер

Ако сте икада прегледали сајт за е-трговину, вероватно сте видели ефект зумирања слике. Лебдите фотографију производа и тај део слике се повећава за јаснији приказ.

Тхе ЗооМове плугин је сјајан начин поновите овај ефекат на вашем сајту. Његово поверед би јКуери, тако да можете брзо да то покренете и без много кода.

ЗооМове је потпуно слободан и отворен извор, доступан он ГитХуб за све знатижељне програмере. Може се инсталирати путем нпм, Бовер, Пређа, или преузете директно са ЦДЊС.

Да бисте поставили ЗооМове слику, биће вам потребно три специфична фајла у заглављу странице:

1. јКуери
2. ЗооМове ЦСС
3. ЗооМове ЈС

Оба ЗооМове фајла може бити минирано ако желите брже учитавање странице. Можете и комбиновати ЦСС фајл у ваш главни стилски лист ако је то лакше.

Сва права магија се дешава у ХТМЛ-у где можете сет ХТМЛ5 дата- * атрибути за различите ефекте.

Ово вам омогућава да направите свој сопствени ефекат зумирања на основу четири различита параметра:

1. дата-зоо-сцале - дефинише укупна величина зумирања приликом лебдења (нпр. 2.0 за 200%)
2. дата-зоо-мове - дефинише да ли је слика помера се уз курсор
3. дата-зоо-овер - дефинише зумирану слику појављују се изнад оригинала
4. дата-зоо-курсор - дефинише курсорска тачка

Последњи пети параметар вам омогућава да дефинишете шта је УРЛ нове слике треба да буде (ако је потребно).

Можете користити ЗооМове у свим већим претраживачима, укључујући ИЕ9 ​​+. Овај додатак је широко подржан и нуди само једно корисничко искуство.

Ако тражите а једноставна библиотека лебдећи до зумирања ЗооМове је одличан избор. Његово довољно лаган да ради на било ком веб сајту и то је поверед би јКуери, тако да нећете морати да напишете онолико кода да би он радио.

Посетите главну страницу да бисте је видели у акцији и проверите документацију на ГитХуб-у да бисте сазнали више.