Мадальнай акно jQuery - для чаго трэба і як усталяваць

Каб знайсці адказ на сваё пытанне, часам даводзіцца марнаваць кучу часу, асабліва калі ў тым, што тычыцца вэб-дызайну, не асоба які разбіраецца ў такіх пытаннях чалавек адважыўся на стварэнне сайта сваімі сіламі. Мадальнай акно jquery можа быць адным з такіх пакутлівых задач.

У інтэрнэце такіх вокнаў можна знайсці велізарнае мноства. Здаецца, што ўсяго толькі трэба скапіяваць іх і ўставіць сабе на сайт ... Аднак не ўсё так проста. Як на злосць, знаходзіцца якая-небудзь дэталь, з-за якой усё тармозіцца, і немагчыма вырашыць пастаўленую задачу, таму што няма неабходных для гэтага ведаў. Таму, чым адразу задзірацца на мадальнай акно на jquery з многімі цікавымі фішкамі, складанымі ў выкананні, лепш пачаць з малога, самага простага мадальнага вокны без усялякіх лішніх праблем.

Калі маецца блог дзе-небудзь на wordpress, то ўсё вельмі проста, і ніякіх цяжкасцяў звычайна не ўзнікае, бо ў ім ужо маецца мноства гатовых рашэнняў - розных усплываючых модуляў. Але бываюць і зусім іншыя варыянты, дзе даводзіцца самастойна «ляпіць» мадальнай акно ці ж звярнуцца да платных паслуг адмыслоўцаў. Плаціць, як вядома, нікому не хочацца, тым больш, калі здаецца, што проста трэба паглыбіцца ў сутнасць, і ўсё атрымаецца даволі хутка і цалкам бясплатна.

Мадальнай акно jquery неабходна для адлюстравання кантэнту, які ідзе поруч з інфармацыяй на старонцы і дапаўняе яе.

jQuery - што гэта?

Для поўнага разумення, калі хто не ведае, то jquery - гэта бібліятэка JavaScript, а апошняе, у сваю чаргу, азначае ўчастак кода, ўкаранялася ў код web-старонкі і дае магчымасць дабіцца розных эфектаў, якія не могуць быць рэалізаваны ў рамках HTML і CSS. Тыповым прыкладам такога ўчастка кода можа быць бягучая дата або час, якія адлюстроўваюцца на старонцы.

У распрацоўнікаў бібліятэкі ёсць афіцыйны сайт, дасканаласць і які папаўняецца пастаянна, у сувязі з чым з'яўляюцца ўсё новыя версіі, якія прапануюць новыя бібліятэкі.

Каб даць зразумець jquery, што вам патрэбен той ці іншы эфект, існуе мова CSS з табліцамі стыляў.

мова CSS

CSS у перакладзе азначае "каскадныя табліцы стыляў". У інтэрнэце цяпер немагчыма сустрэць сайт, у якім бы не прымяняўся гэтую мову.

Такім чынам, у мадальных вокнах jquery і CSS практычна неабходныя і незаменныя. Таму, калі jquery не падлучаны, неабходна гэта зрабіць.

Для гэтага ўнутры тэга head ўстаўляецца наступнае:

Для чаго патрэбныя мадальныя вокны?

Простае мадальнай акно jquery, паказваць пры загрузцы сайта, можа быць карысным для таго, каб павялічыць лік падпісчыкаў. Акно будзе з'яўляцца тады, калі старонка адчыняецца. Яно не моцна адцягвае і наўрад ці напалохае каго-небудзь, так як пры найменшым дыскамфорце лёгка зачыніцца, прычым на кнопцы закрыцця будзе стаяць печыва, і пры націску на яе зніклай мадальнай акно зноў ужо не ўсплыве.

ўсплывальнае акно

Ўсплывальнае акно на jquery, высвятляецца на старонцы толькі аднойчы, з'яўляецца адным з варыянтаў мадальных вокнаў.

Для яго рэалізацыі неабходна зрабіць шэраг крокаў.

Можна скарыстацца адмысловымі ўбудовамі для мадальных вокнаў. Лепш за ўсё спампоўваць іх з сайтаў распрацоўшчыкаў, напрыклад, arcticModal. Падключаецца ён наступным чынам:

Без афармлення стылю акна адна з стандартных тым плагіна будзе выглядаць так:

Далей падключаецца убудова cookie:

Пішацца код HTML, у якім падаецца інфармацыя для карыстальніка:

Паказаны ў кодзе клас arctimonial-close азначае, што з ім мадальнай акно jQuery зачыніцца.

Далей ідзе завяршальны скрыпт:

Некаторыя выкарыстоўваюцца параметры азначаюць наступнае:

closeOnOverClick: будзе вызначаць, зачыняецца Ці акно пры кліку на оверлэй.

CloseOn Esc: азначае націск на Esc.

Expires: задае час, на працягу якога печыва будзе захоўваць. У прапанаваным варыянце гэты час будзе шэсцьдзесят дзён, то ёсць акно не будзе паказвацца на працягу двух месяцаў. Печыва абнаўляецца падчас кожнага наведвання.

Вывучыўшы, як усталяваць у сябе на сайце мадальнай акно jQuery, можна пры неабходнасці пераходзіць да больш складаным варыянтам. Для гэтага дадаюцца самыя розныя стылі CSS, і акно стане цалкам непадобным на мадальныя вокны іншых сайтах.

Фантазія і ўяўленне дапамогуць дзякуючы такім рашэнням значна павысіць колькасць падпісчыкаў, а ў інтэрнэт крамах ўмела устаўленыя мадальныя вокны здольныя павялічыць продажу ў разы. Таму час, выдаткаванае на праграмаванне і ўстаноўку вокнаў, апраўдаецца і акупіцца абавязкова!

Віды мадальных вокнаў

Мадальныя вокны бываюць ўсплывальным пры націску на адпаведную кнопку або загружанымі разам са старонкай і якія з'яўляюцца адразу пры загрузцы. Яны могуць пры закрыцці больш не з'яўляцца нейкі прамежак часу, калі будзе ўсталяваны cookie, як ў вышэйапісаным прыкладзе, а могуць з'яўляцца кожны раз пры загрузцы старонкі. Сустракаюцца мадальныя вокны, фіксаваныя ў адным месцы і на ім застаюцца, нягледзячы на рухі па старонцы, а могуць быць дынамічнымі, калі ўсярэдзіне вокнаў змяшчаецца інфармацыя са спасылкай, і карыстальнік па ёй праходзіць. Тады будзе абнаўляцца толькі акно, пры застаецца ў нязменлівымі стане першапачатковай старонцы.