изиМодал.јс - Стварно динамичан модални прозор јКуери Плугин

Већина модалних прозора изгледа одвратите пажњу и узнемирите посетиоца са опт-ин поља и нежељене понуде. Ови модали често преузимају читаву страницу, изгледају ужасно и не нуде јасан начин да затворите прозор. Срећом, изиМодал.јс је управо супротно.

То је један од најглупљих модалних прозора који сам икада видио и то ме чини узбуђеним да поново ступим у интеракцију с модалима.

изиМодал.јс ис а јКуери плугин тако да ти треба копију јКуери библиотеке да би ово функционисало. Али је претти лигхтвеигхт и можеш чак укључити библиотеку споља фром ЦДЊС.

Имајте у виду да овај додатак долази са много различитих опција. Можете да проследите опције стил модалне величине, врсте оквира и анимације. Али можете и ви креирајте повратне функције ако корисник затвори модал или кликне на одређени елемент.

Можете наћи много примера на ЦодеПен али стварно ми се свиђа демос хостед на изиМодал-овој почетној страници. Конкретно, погледајте ифраме ембед опцију где је аутоплаи Вимео плаиер стављен у ред у модалу.

Дизајн је величанствен и модал заиста изгледа као да је дио сучеља. Квалитет анимације је такође импресиван, и све то покреће ЦСС3 & јКуери.

На главној страници додатка пронаћи ћете и табеле документације са исјечцима кода за сваки од доступних демо датотека. Ево најкраћи бит кода користити за поп-уп модалног прозора.

 $ (доцумент) .он ('клик', '.триггер', функција (евент) евент.превентДефаулт (); $ ('# модал'). изиМодал ('опен');); 

Тхе изиМодал () функција има преко 45 различитих опција које се могу пренијети на прилагодите модални прозор. Она има цустом евентс да могу функције окидача као кад се модал отвара, затвара или прелази преко целог екрана.

Ово је невероватно масиван пројекат и лако је један од мојих омиљених модалних прозора гледиште дизајна и употребљивости.

Да бисте узели копију извора, можете и ви повуците га кроз нпм или довнлоад фром ГитХуб. А ако имате приједлоге о додатку или само желите да подијелите своје захвалнице, можете објавити Творца Марцело Долце @марцелодолце.