Reaģējošie attēli ir viegli, izmantojot ResponsifyS

Modernajam tīmeklim vajadzētu būt 100% atsaucīgam, un jaunākās bibliotēkas to padara arvien plašāku.

Ar bezmaksas spraudņiem, piemēram, ResponsifJS, tas ir vēl vieglāk iegūt jūsu tīmekļa vietnes visās ierīcēs. Tas bezmaksas jQuery spraudnis uzņem attēlu un tos dinamiski pārkārto pamatojoties uz dažādiem ekrāna izmēriem.

Tā kā ir dažādi konteineri saglabāt attēlus atšķirīgi, tie var mainīties ļoti dīvaini. Dažreiz jums būs fotoattēli no cilvēkiem un viņu sejas var tikt nogrieztas, kad tās mainās mobilajā tālrunī.

Atbildes spraudnis tika izveidots, lai atrisinātu šo precīzo problēmu. Tas var darboties automātiski, bet patiesā maģija ir definējot savu fokusa apgabalu attēlā.

Tā izmanto decimālo aprakstu iekšējo sistēmu lai atrastu, kur jābūt attēla fokusam. Piemēram, varat noteikt pozīcijas piemēram, datu fokusēšana kas “bloki” noteiktu attēla segmentu.

Šie dati ir jāiztur decimāldaļu veidā, piemēram, 0,5 decimāldaļas mērķi 50% no attēla (pa kreisi / pa labi vai augšā / apakšā). Protams, tas ir diezgan mulsinoši darīt pats. Bet tur ir bezmaksas atbildes programma kas ļauj jums aprēķināt pozīcijas dinamiski pārlūkprogrammā.

Vienkārši augšupielādējiet attēlu, definējiet fokusa apgabalu, pēc tam kopējiet / ielīmējiet attēla kodu savā tīmekļa vietnē. Atbildes spraudnim būs visi dati, kas nepieciešami, lai pareizi mainītu attēlu mazākajos ekrānos.

Jūs varat atrast diezgan maz tiešraides demonstrācijas saites replikā, ieskaitot koda fragmentus, lai kopētu / ielīmētu savā vietnē.

Šis spraudnis nav ideāls risinājums katram projektam. Dažreiz jūs vēlaties attēlus, lai mainītu izmērus bez fiksētām fokusa zonām. Bet, ja lietojat mūra režģi ar jQuery tas nav ievainots, lai pievienotu ResponsifyJS savai kaudzei.

Lai uzzinātu vairāk, apmeklējiet spraudņa sākumlapu tiešraides demonstrācijai, lejupielādes saiti un pilnu iestatīšanas rokasgrāmatu.