Reageerivaid pilte hõlbustasid ResponsifyJS

Kaasaegne veeb peaks olema 100% vastupanuvõimeline ja uuemad raamatukogud teevad selle üha enam võimalikuks.

Tasuta pluginad, näiteks ResponsifyJS, see on isegi lihtsam saada oma veebisaite kõikides seadmetes. See tasuta jQuery plugin võtab pilte ja pilte dünaamiliselt ümber põhinevad erineva ekraani suurustel.

Kuna erinevad mahutid hoidke pilte erinevalt, nad suudavad väga kummalistel viisidel suurust muuta. Mõnikord on teil fotosid inimestest ja nende nägu saab mobiilil muutmise ajal ära lõigata.

Selle täpse probleemi lahendamiseks loodi vastus plugin. See võib töötada automaatselt, kuid tõeline maagia asub oma fookusala määratlemine pildil.

See kasutab kümnendikirjelduste sisemine süsteem leida, kus peaks pildi fookus olema. Näiteks saate määratleda positsioonid nagu näiteks andmete fookus mis “blokeerib” kujutise teatud segmendis.

Need andmed tuleb edastada kümnendkohtade kujul, näiteks 0,5 kümnendkoha sihtmärki 50% pildist (vasak / parem või ülemine / alumine). Loomulikult on see üsna segane. Aga seal on a tasuta vastutusrakendus see võimaldab teil arvutada positsioone dünaamiliselt brauseris.

Lihtsalt laadige üles pilt, määrake fookusala ja kopeerige / kleepige pildikood oma veebisaidile. Vastuvõtja pluginal on kõik andmed, mida ta vajab pildi suuruse muutmiseks väiksematel ekraanidel.

Leiad üsna vähe live demo lingid GitHub repos, sealhulgas koodilõigud saidi kopeerimiseks / kleepimiseks.

See plugin ei ole ideaalne lahendus iga projekti jaoks. Mõnikord saate tahad piltide suuruse muutmiseks ilma fookuseta. Aga kui kasutate müüritavad võrgud jQueryga see ei tee haiget, et lisada oma stäkile ResponsifyJS.

Lisateabe saamiseks külastage live-demo, allalaadimise lingi ja täieliku häälestusjuhendi plugina kodulehte.