Adăugați efectul de mărire pe pagina Web cu jfMagnify

Există o mulțime de plug-in-uri de mărire gratuită care funcționează incredibil de bine. Totuși, cele mai multe dintre acestea sunt construit pentru imagini și le specifică instrucțiunile pentru conținut numai pentru imagini.

Dacă ai putea adăugați un efect de mărire la fiecare parte a paginii dvs. web? Mulțumită jfMagnify, poti.

E o plugin gratuit jQuery care acceptă nu doar mărirea imaginii, ci și întreaga mărire a paginii. Este unul dintre puținele pluginuri care vă permit de asemenea alegeți nivelul de mărire și acceptă evenimentele tactile pentru utilizatorii mobili.

Rețineți că acest plugin se poate simți cam greu deoarece acesta se bazează pe două dependențe: regulate jQuery și jQuery UI. Acestea sunt ambele necesare pentru ca jfMagnify să funcționeze corect. Să nu mai vorbim scriptul real jfMagnify va trebui să includeți în pagina dvs..

Setarea este puțin complicată deoarece puteți viza numai elemente mărite în interiorul unui container. Dacă doriți să direcționați întreaga pagină, veți avea nevoie includeți o clasă pe întregul site web.

Iată cum o singură linie de jQuery arata ca:

 $ ( "Mări") jfMagnify ().; 

Aceste obiective toate elementele din interiorul .amplifica recipient care este de obicei a div element.

Aceste elemente interne pot fi imagini, dar ar putea, de asemenea includeți un tipar mic, de exemplu pe termenii site-ului sau pe paginile de politică de confidențialitate. Toată documentația este disponibil în repo GitHub, Deci, odată ce l-ați setat, întregul proces devine mult mai ușor.

De asemenea, acest plugin este foarte nevralgic și vine cu o mulțime de reguli pentru containere. De exemplu, elementul containerului nu poate avea o poziție CSS statică, așa că trebuie să fie fie relativă, absolută, fie fixă.

Poti găsiți toate regulile de stil implicite în repo GitHub, dar ar putea fi o durere de personalizat dacă aspectul dvs. este deja construit și rulat. Beneficiile lui jfMagnify sunt pentru mine merita efortul. Într-adevăr, depinde de nevoile dvs. și dacă vă place interfața.

Luați o privire la documentele de pe GitHub pentru a vedea ce credeți. Și, puteți, de asemenea previzualizați interfața pe CodePen dacă doriți să vedeți biblioteca în acțiune înainte de ao instala.