Atsakingi vaizdai lengvai reaguoja su „ResponsifyS“

Šiuolaikinis internetas turėtų būti 100% reaguojantis ir naujesnės bibliotekos tai daro vis labiau įmanomas.

Su nemokamais įskiepiais, pvz „ResponsifyJS“, net lengviau gauti savo svetaines visuose įrenginiuose. Tai nemokamas jQuery įskiepis paima vaizdų konteinerį ir dinamiškai jas pertvarko atsižvelgiant į skirtingus ekrano dydžius.

Nuo skirtingų konteinerių laikykite vaizdus skirtingai, jie gali keisti labai keistus būdus. Kartais jūs turėsite žmonių nuotraukas, o jų veidai gali būti nukirpti, kai jie keičiami mobiliuoju telefonu.

Šis atsakymas buvo sukurtas siekiant išspręsti šią problemą. Jis gali veikti automatiškai, bet tikra magija yra apibrėžti savo fokusavimo sritį ant nuotraukos.

Jis naudoja vidinė dešimtainių aprašų sistema rasti, kur turėtų būti vaizdo vaizdas. Pavyzdžiui, galite apibrėžti pozicijas toks kaip duomenų fokusavimas kuris “blokai” tam tikro vaizdo segmento.

Šie duomenys turi būti perduoti po kablelio, pvz., 0,5 colio tikslumu 50% vaizdo (kairėn / dešinėn arba viršuje / apačioje). Natūralu, kad tai yra gana paini padaryti. Bet yra nemokama atsakymo programa tai leidžia jums apskaičiuoti pozicijas dinamiškai naršyklėje.

Tiesiog įkelkite paveikslėlį, nustatykite fokusavimo sritį, tada nukopijuokite / įklijuokite vaizdo kodą į savo svetainę. „Responsify“ papildinys turės visus duomenis, kurių reikia norint tinkamai pakeisti dydį mažesniuose ekranuose.

Galite rasti nemažai tiesioginės demo nuorodos „GitHub“ repo, įskaitant kodo fragmentus kopijuoti / įklijuoti į jūsų svetainę.

Šis įskiepis nėra puikus sprendimas kiekvienam projektui. Kartais jūs nori vaizdus, ​​kad būtų galima keisti dydį be fiksuotų Bet jei naudojate mūro tinkleliai su jQuery tai nepadeda pridėti „ResponsifyJS“ prie savo kamino.

Jei norite sužinoti daugiau, apsilankykite „plugin“ pagrindiniame puslapyje, kuriame pateikiama tiesioginė demonstracija, atsisiuntimo nuoroda ir pilnas sąrankos vadovas.