Dodajte povečevalni učinek na vašo spletno stran z jfMagnify

Obstaja veliko brezplačno povečevanje vtičnikov to deluje zelo dobro. Vendar pa je večina teh zgrajene za slike in določajo navodila za vsebino samo za slike.

Kaj če bi lahko dodajte povečevalni učinek na vsak del vaše spletne strani? Zahvale gredo jfMagnify, ti lahko.

Je free jQuery plugin ki ne podpira samo povečave slike, ampak tudi povečanje celotne strani. To je eden redkih vtičnikov, ki vam omogoča tudi izberite stopnjo povečave in podpira dogodke na dotik za mobilne uporabnike.

Upoštevajte, da se ta vtičnik lahko počuti nekoliko težek, ker je temelji na dveh odvisnostih: redno jQuery in Uporabniški vmesnik jQuery. Oba sta potrebna za pravilno delovanje jfMagnify. Da ne omenjam dejanska skripta jfMagnify morate vključiti na svojo stran.

Nastavitev je rahlo zapletena, ker lahko ciljate samo povečane elemente v posodi. Če želite ciljati celotno stran, morate vključite razred nad celotno spletno mesto.

Tukaj je, kako ena vrstica jQuery bi izgledal tako:

 $ (". magnify"). jfMagnify (); 

To je cilj vse elemente znotraj. \ t .povečaj posodo ki je običajno a div element.

Ti notranji elementi so lahko podobe, lahko pa tudi vključite drobni tisk, na primer na straneh v zvezi s pogoji spletnega mesta ali pravilnikom o zasebnosti. Vsa dokumentacija je na voljo v repo GitHub, ko ga nastavite, postane celoten proces veliko lažji.

Tudi ta vtičnik je zelo nestabilen in prihaja z njim veliko pravil za zabojnike. Na primer, element vsebnika ne more imeti statične CSS pozicije, zato mora biti relativna, absolutna ali fiksna.

Ti lahko poiščite vsa privzeta pravila za stil v repo GitHub, vendar je morda težko prilagoditi, če je vaša postavitev že zgrajena in se izvaja. Koristi jfMagnify so za mene vredne truda. Res je, da je odvisno od vaših potreb in vam je všeč vmesnik.

Oglejte si dokumente na GitHubu, da vidite, kaj mislite. In lahko tudi vi predogled vmesnika na CodePen, če želite videti knjižnico v akciji, preden jo namestite.