JQuery Modal varavarankely - izay ilainao sy ny fomba hametraka

Mba hamaliana ny fanontaniana, indraindray tsy maintsy mandany fotoana be dia be, indrindra raha izay tonga nanaovana ny vohikala dia tsy tena mahay ny raharaha toy izany ny olona nanapa-kevitra ny hanangana tranonkala iray manokana eo amin'ny. jquery Modal varavarankely dia mety ho iray amin'ireo olana mafy.

Ao amin'ny Internet, ireo mety ho hita varavarankely maro dia maro. Toa mila ihany handika ary apetaho azy ireo ny namany Sary ... Na izany aza, tsy dia tsotra rehetra. Toy ny vintana mety hanana izany ihany, dia misy tsipiriany, noho ny izay ny zava-drehetra no nanakana, ary sarotra ny hamaha ny olana, satria tsy misy ilaina ny fahalalana izany. Noho izany, ny zo haka amin'ny jquery Modal varavarankely teo amin'ny poti-mahaliana maro, sarotra hanatanterahana ny, tsara kokoa ny manomboka kely, tena tsotra Modal varavarankely tsy misy olana tsy ilaina.

Raha manana bilaogy any ho any aminay WordPress, dia tena tsotra rehetra, ary tsy misy olana miseho matetika, araka ny efa manana be dia be ny vonona-nanao vahaolana - samihafa pop-ins. Fa misy ihany koa safidy tena hafa, izay manana ny "sculpt" Modal varavarankely iray na mitodika any karama tolotra manam-pahaizana manokana. Aloavy tahaka ny fantatrareo ihany, tsy misy olona te, indrindra raha toa tsy mila mahazo fotsiny ny fototra, ary ny zava-drehetra ho tonga tsara tarehy fifadian-kanina, ary maimaim-poana tanteraka.

Jquery Modal varavarankely Ilaina ny maneho ny votoaty izay mandeha miaraka amin'ny vaovao mikasika ny pejy, ary mameno izany.

jQuery - inona moa izany?

Mba hahatakarana tanteraka raha misy olona tsy mahalala, jquery - ny JavaScript fitehirizam-boky, ary ny farany kosa, dia midika hoe ny fizarana ny fehezan-dalàna nampidirina tao amin'ny tranonkala-pejy fehezan-dalàna, ary mamela anao mba hanatratrarana hafa vokany, izay tsy azo ampiharina ao anatin'ny sehatra ny HTML sy CSS. Ny ohatra toy izany dia mety ho anjara fehezan-dalàna ny daty amin'izao fotoana izao , na ny fotoana aseho eo amin'ny pejy.

Ny mpandraharaha ao amin'ny trano famakiam-boky dia manana vohikala ofisialy, tsara indrindra ary nohavaozina foana, ary noho izany dia misy dikan vaovao, vaovao fanatitra trano famakiam-boky.

Mba ataovy mazava ny jquery, dia mila izao na izao ny marina, dia misy fomba fiteny amin'ny CSS fanitso.

CSS Language

CSS dia midika hoe "fomba ravahan'ny taratasy". Ny Internet dia izao azo atao ny mahita ny toerana izay tsy nampiasa ny teny.

Noho izany, amin'ny varavaran'ny Modal jquery sy ny CSS dia Saika ilaina sy azo soloina. Noho izany, raha tsy mifandray jquery, dia ilaina ny manao izany.

Mba hanaovana izany ao anatin'ny lohany tenifototra dia nampidirina toy izao manaraka izao:

Inona no Modal varavarankely?

Mora foana ny jquery Modal varavarankely, naneho rehefa downloading toerana, dia mety ho ilaina ny hampitombo ny isan'ny mpanjifa. Varavarankely hiseho rehefa manokatra ny pejy. Tsy mahavarimbariana sy toa tsy mba hampitahorana na iza na iza, satria amin'ny mora mahazo aina kely ho mikatona, ary ny bokotra akaiky dia ho mofomamy, ary raha tsindrio eo dia nanjavona Modal varavarankely dia tsy miseho indray.

PopUp varavarankely

Pop-up varavarankely eo amin'ny jquery, dia aseho eo amin'ny pejy ihany indray mandeha, dia iray amin'ireo variants ny Modal varavarankely.

Ny fampiharana izany dia ilaina ny manao dingana maromaro.

Azonao atao ny mampiasa manokana plugin for Modal varavarankely. Tena tsara ny misintona azy tsy ho developer, ohatra, arcticModal. Connect izany toy izao manaraka izao:

Raha tsy misy varavarankely ravaka fomba iray amin'ireo faneva plug-in Hijery toy izao:

Manaraka, mampifandray ny plug-mofomamy:

Voasoratra ao HTML, izay sakafo vaovao ho an'ny mpampiasa;

Voalaza ao amin'ny fehezan-dalàna kilasy arctimonial-akaiky aminy dia midika fa jQuery Modal mifarana varavarankely.

Next tonga ny farany teny:

Ny sasany amin'ireo masontsivana ampiasaina dia toy izao manaraka izao:

closeOnOverClick: no hamaritra raha mikatona ny varavarankely rehefa tsindrio eo amin'ny takela.

CloseOn Esc: dia midika hoe maika ny Esc.

Lany daty: dia mamaritra ny mandritra izay dia ho voatahiry mofomamy. Ao amin'ny volavolan-hita vatana, amin'ity indray mitoraka ity dia ho enim-polo andro, izany hoe, ny varavarankely dia tsy ho aseho nandritra ny roa volana. Ny mofomamy dia isaky ny vaovao farany izay vangianao.

Amin'ny fianarana ny fomba Ka apetrany amin'ny toerana jQuery Modal ny varavarankely, dia afaka mifindra ho amin'ny safidy mandroso kokoa raha ilaina. Mba hanaovana izany, hametraka isan-karazany CSS fomba, ary ny varavarankely dia ho hafa tanteraka amin'ny varavarankely Modal toerana hafa.

Fantasy aman-tsain'olombelona fanampiana amin'ny vahaolana hampitombo be ny isan'ny mpanjifa, ary ny Internet nampidirina toeram-pivarotana mahay Modal varavarankely dia afaka hampitombo varotra be. Noho izany, ny fotoana lany amin'ny fandaharana sy ny fametrahana ny varavarankely, tandremo tsara ny fialan-tsiny, ary mandoa eny!

Karazam-Modal varavarankely

Modal varavarankely dia Pop-up rehefa tsindrio eo amin'ny bokotra na ny mety feno ny pejy, ka hita avy hatrany amin'ny startup. Afaka am-pamaranana hiseho intsony ny vanim-potoana sasany, raha misy mofomamy no napetraka, toy ny ao amin'ny ohatra etsy ambony, ary toa isaky ny pejy dia mavesatra. Misy Modal varavarankely, raikitra ao amin'ny fitoerana iray, ary izany no sisa, na dia eo aza ny hetsika eo amin'ny pejy, ary mety ho mavitrika, raha ny ao anatiny ny fikandrana ahitana fanazavana tamin'ny rohy, ary mandalo ny mpampiasa. Ihany avy eo amin'ny varavarankely ho fanavaozana ny ambiny tamin 'ny loha tsy mety miova toe-tany am-boalohany pejy.