Lisage jfMagnify abil oma veebilehe suurendusefekt

Seal on palju vaba suumimise pluginad mis töötavad uskumatult hästi. Enamik neist on siiski ehitatud piltidele ja nad täpsustavad juhiseid ainult pildi sisu.

Mis siis, kui sa võiksid suurendage suurendavat efekti veebilehe igale osale? Tänu jfMagnify, sa saad.

See on tasuta jQuery plugin mis toetab mitte ainult pildi suumimist, vaid ka kogu lehekülje suumimine. See on üks vähestest pluginatest, mis samuti võimaldab teil valige suurenduse tase ja toetab puudutavaid sündmusi mobiilikasutajatele.

Pange tähele, et see plugin võib tunduda natuke raske, sest see on sõltub kahest sõltuvusest: regulaarne jQuery ja jQuery kasutajaliides. Need on mõlemad vajalikud, et jfMagnify korralikult töötaks. Rääkimata sellest tegelik jfMagnify skript peate oma lehele lisama.

Seadistamine on natuke keeruline, sest saate sihtida ainult suurendatud elemente konteineris. Kui soovite sihtida kogu lehte, mida vajate lisage kogu veebisaidile klass.

Siin on, kuidas üks jQuery rida näeb välja nagu:

 $ (". Suurenda"). jfMagnify (); 

Need eesmärgid kõik elemendid sees .suurendama konteiner mis on tavaliselt a div element.

Need sisemised elemendid võivad olla pildid, aga ka sisaldama väikest printimist, näiteks saidi tingimustel või privaatsuspoliitika lehekülgedel. Kõik dokumendid on saadaval GitHub repos, nii et kui olete selle üles seadnud, muutub kogu protsess palju lihtsamaks.

Ka see plugin on väga kohutav ja kaasas palju konteineri reegleid. Näiteks konteineri element ei saa olla staatilist CSS-positsiooni, seega peab see olema suhteline, absoluutne või fikseeritud.

Sa saad leidke kõik stiilieeskirjad GitHub repos, kuid see võib olla vale kohandada, kui teie paigutus on juba ehitatud ja töötab. JfMagnify kasu on mulle väärt. Tõesti, see sõltub teie vajadustest ja sellest, kas sulle meeldib liides.

Vaadake GitHubi dokumente, et näha, mida sa arvad. Ja saate ka kasutajaliidese eelvaade CodePenis, kui soovite enne selle installimist teeki näha.