Pievienojiet palielinājuma efektu savai Web lapai ar jfMagnify

Ir daudz bezmaksas tālummaiņas spraudņi kas strādā neticami labi. Tomēr lielākā daļa no tām ir būvēts attēliem un tie norāda norādes Tikai attēla saturs.

Ko darīt, ja jūs varētu pievienot palielinošo efektu uz katru tīmekļa lapas daļu? Pateicoties jfMagnify, jūs varat.

Tas ir bezmaksas jQuery spraudnis kas atbalsta ne tikai attēla tālummaiņu, bet arī visu lapas tālummaiņu. Tas ir viens no nedaudzajiem spraudņiem, kas arī ļauj jums izvēlieties palielinājuma līmeni un atbalsta pieskārienu notikumus mobilajiem lietotājiem.

Ņemiet vērā, ka šis spraudnis var justies nedaudz smags, jo tas ir balstās uz divām atkarībām: regulāri jQuery un jQuery UI. Tie abi ir nepieciešami, lai jfMagnify darbotos pareizi. Nemaz nerunājot par faktiskais jfMagnify skripts jums būs jāiekļauj savā lapā.

Iestatīšana ir nedaudz sarežģīta, jo jūs varat atlasīt tikai palielinātus elementus konteinerā. Ja vēlaties atlasīt visu lapu, jums būs nepieciešams iekļaut visu klasi.

Lūk, kā viena līnija jQuery izskatās:

 $ (". palielina"). jfMagnify (); 

Šie mērķi visi elementi .palielināt konteiners kas parasti ir a div elementu.

Šie iekšējie elementi var būt attēli, bet arī ietver nelielu drukāšanu, piemēram, vietnes vai privātuma politikas lapās. Visi dokumenti ir GitHub repo, tāpēc, kad jūs to iestatīsiet, viss process kļūst daudz vieglāks.

Arī šis spraudnis ir ļoti viltīgs un nāk ar daudz konteineru noteikumu. Piemēram, konteinera elements nevar būt statiska CSS pozīcija, tāpēc tai ir jābūt relatīvai, absolūtai vai fiksētai.

Jūs varat atrast visus noklusējuma stila noteikumus GitHub repo, bet tas var būt sāpīgi pielāgot, ja jūsu izkārtojums jau ir izveidots un darbojas. JfMagnify priekšrocības man ir vērts. Tiešām, tas ir atkarīgs no jūsu vajadzībām un vai jums patīk saskarne.

Uzmodieties uz GitHub dokumentiem, lai redzētu, ko tu domā. Un jūs varat arī priekšskatīt saskarni CodePen, ja vēlaties, lai bibliotēka darbotos, pirms to instalējat.