JQuery suuqa kala modal - waxa aad u baahan tahay iyo sida ay u rakibi

Si aad u hesho jawaabta su'aashaada, mararka qaarkood aad ku gadaneyso waqti badan, gaar ahaan haddii in ay timaado in design web waxaa si gaar ah ma u yaqaanna ee arrimahaa ka mid ah dadka go'aansaday in la abuuro website a on iyaga u gaar ah. jquery suuqa kala modal noqon kartaa mid ka mid ah dhibaatooyinka daran.

Internetka, daaqadaha waxaa laga heli karaa a badan. Waxa ay u muuqataa in kaliya u baahan tahay in aad nuqulka iyo paste iyaga in aad website ... Si kastaba ha ahaatee, ma dhammaan si fudud. Sida nasiib u yeelan lahaa, waa si faahfaahsan kasta, sababta oo ah, taas oo wax walba waxaa dhaxalsiiyeen, oo waa wax aan macquul aheyn si ay u xaliyaan dhibaatada, sababtoo ah ma jirto baahi loo qabo aqoon this. Sidaa darteed, xaq u leeyahay inuu soo qaado on suuqa kala modal jquery ku chips badan oo xiiso leh, adag oofiyo, si fiican si ay u bilaabaan yar, suuqa kala modal mid aad u fudud oo aan wax dhibaato ah loo baahnayn.

Haddii aad leedahay blog a meel noo on WordPress, waxaa oo dhan aad u fudud, iyo dhib ma aha sida caadiga ah soo baxdo, sida ay horay u leedahay wax badan oo xal diyaar-dhigay - kala duwan pop-tago. Laakiin waxaa kale oo jira fursado aad u kala duwan, halkaas oo mid ka mid uu leeyahay iyaga u gaar ah "sculpt" daaqad modal ama ka toobad adeegyada takhasus bixiyo. Bixi sida aad ogtahay, cidina ma doonayso, gaar ahaan marka ay u muuqataa in kaliya u baahan tahay si aad u hesho in ay xudunta u ah, iyo wax kasta oo noqon doona quruxsan si dhakhso ah oo gebi ahaanba bilaash ah.

Jquery suuqa kala modal loo baahan yahay in ay muujiyaan content in ay la socdaan socoto macluumaadka ku qoran bogga oo dhammaystiran.

jQuery - waa maxay?

Si aad si buuxda u fahmaan haddii qof ma yaqaan, jquery - maktabadda JavaScript ah, iyo ugu dambaysta, markeeda, waxay ka dhigan tahay qayb ka mid ah xeerka soo bandhigay in code web-page oo kuu ogolaanaya inaad si loo gaaro saamaynta kala duwan, taas oo aan la fulin karo qaabka guud ee HTML iyo CSS. Tusaale A caadiga ah ee qaybtii sida code a waxaa laga yaabaa in taariikhda hadda ama mar soo bandhigay bogga.

The horumarinta ee maktabadda ayaa ah website-ka rasmiga, heer sare ah oo si joogto ah updated, oo sidaas daraaddeed waxaa jira versions cusub, bixiya maktabadaha cusub.

Si aad si cad u sheegay jquery ah, aad this ama saamayn u baahan, waxaa jira luqad iyadoo la adeegsanayo waraaqaha style CSS.

CSS Language

CSS macnaheedu yahay "go'yaal style fatahmaan". Internet hadda aan macquul tahay in la helo goob aan loo isticmaali lahaa luqadda.

Sidaa darteed, in jquery daaqadaha modal iyo CSS ficil ahaan waa loo baahan yahay oo la bedeli karin. Sidaa darteed, haddii aan jquery xiran yahay, waxaa lagama maarmaan ah in sidaas la sameeyo.

Si arrintan loo sameeyo gudahood tag madaxa la geliyo sida soo socota:

Maxay yihiin suuqa kala modal?

Si fudud jquery suuqa kala modal, bandhigay markii degsado site, waxaa laga yaabaa inay waxtar leh in la kordhiyo tirada macaamiisha. window A muuqan doonaa marka bogga la furo. Ma aha oo maaweeliya oo lagama yaabo in lagu cabsiiyo qof, maxaa yeelay, at raaxo yar si fudud loo xiray, iyo badhanka dhow noqon doontaa cookies, iyo haddii aad guji waxaa ku waayay suuqa kala modal mar kale ma arbushin ilaa doona.

suuqa kala gujisid

Pop-up window on jquery ah, waxaa lagu soo bandhigaa bogga hal mar oo keliya, waa mid ka mid ah Lahjadaha of daaqadaha modal.

Si loo fuliyo waxaa lagama maarmaan ah in la sameeyo dhowr tallaabo.

Waxaad isticmaali kartaa plugin gaar ah daaqadaha modal. Waxaa aad u fiican si ay u soo dejisan sameeysa ah, tusaale ahaan, arcticModal. xerto sida soo socota:

Aan style a decoration suuqa kala ah mid ka mid ah fur-in caadiga eegi doonaa sida tan:

Next, xirmaan a fur-cookie:

Waxaa ku qoran HTML, taas oo ah macluumaad loo nuujiyo si user ah:

Ku qeexan fasalka code arctimonial-dhow ka dhigan tahay in isaga la jQuery suuqa kala modal xirtey.

Next yimaado script finalka:

Qaar ka mid ah xuduudaha loo isticmaalo waa sida soo socota:

closeOnOverClick: go'aamin doona haddii uu furmo suuqa waa xiran yihiin marka aad guji dahaadhaa ah.

CloseOn ESC: macnaheedu waa adiga oo riixaya ESC ah.

Wuxuu dhacayaa: qeexan yihiin waqtiga lagu jiro taas oo cookie ah lagu kaydin doonaa. In muuqashadii la soo jeediyay, markii tani waxay noqon doontaa muddo lixdan maalmood ah, in uu yahay, daaqadda aan lagu soo bandhigi doonaa muddo laba bilood ah. cookie waxaa updated mar kasta oo aad soo booqato.

By barashada sida loo qotomiyey on your site suuqa kala modal jQuery, aad u soo guurto karaa in fursado badan oo horumarsan haddii loo baahdo. Si arrintan loo sameeyo, ku dar noocyo kala duwan oo Hababka CSS, iyo suuqa kala noqon doonaa gebi ahaanba ka duwan yahay suuqa kala modal goobaha kale.

Fantasy iyo caawimaad male xal si weyn u kordhiyo tirada macaamiisha, iyo dukaamada Internet farsamo geliyo daaqadaha modal ay awoodaan in ay kordhiyaan iibka si weyn. Sidaa darteed, waqtiga ku baxay barnaamijyada iyo rakibidda daaqadaha, hubi inaad xaq kaga bixisid!

Noocyada suuqa kala modal

daaqadaha Modal waa pop-up marka aad riix badhanka ku haboon ama ku raran yihiin bogga, oo u muuqda si degdeg ah ee xawaaladaha. Waxay xiritaankii mar dambe ma soo muuqan karaan muddo waqti go'an, haddii cookie ah ayaa qarka u saaran, sida tusaalahan ku xusan, oo u muuqan kara wakhti kasta page waxaa ku raran yihiin. Waxaa jira daaqadaha modal, go'an in hal meel ah, iyo waxa uu ku hadhay, in kasta oo ay dhaqdhaqaaqa ku yaal bogga, waxayna noqon karaan kuwo firfircoon, markii gudaha ee daaqadda ka kooban yahay macluumaad la link a, oo waxay ku ag maraaba user ah. Markaas oo keliya uu furmo suuqa la updated doonaa inta ka dhiman gobolka beddelmi karin ee bogga asalka ah.