SmartPhoto.js - paprastas reaguojantis vaizdų žiūrovas, sukurtas mobiliesiems

Reaguojančio interneto dizaino eroje turite galvoti apie kiekvieną mobiliojo ryšio naudotojo patirtį. 2017 m. Bendras interneto vartotojų skaičius mobiliajame telefone viršija darbalaukį keliais procentais. Tai didelis dalykas!

Beveik kiekviena jūsų svetainės ypatybė turi turėti tam tikrą mobilaus ryšio alternatyvą. Vaizdų galerijoms galite pabandyti „SmartPhoto.js“, nes jis yra sukurta specialiai mobiliesiems įvestims.

Įskiepis yra visiškai nemokama ir atidarytas iš viso „GitHub“ puslapio.

Jis atnaujinamas kiekvieną kartą, bet pagrindinė „SmartPhoto.js“ dalis yra natūrali vartotojo sąsaja. Jis puikiai tinka staliniams kompiuteriams ir geriau tinka mobiliesiems telefonams. Portretas arba kraštovaizdis, išmanusis telefonas ar planšetinis kompiuteris, šis įskiepis priima tortą.

Su SmartPhoto.js gausite visiško palaikymo ir braukimo palaikymas perkelti vaizdus į skaidrių peržiūrą. Įskiepis taip pat veikia su akselerometru, kad galėtumėte patikrinti, kada keičiasi puslapio orientacija.

Pasidomėkite dokumentacija, kad galėtumėte rasti išsamią informaciją apie diegimą ir diegimą. Šis įskiepis nereikalauja visai daug JS kodo, kad galėtumėte dirbti, bet tai daroma palaikykite daug pasirinktinių parinkčių su atgalinio ryšio metodais.

Taip pat pastebėsite, kad „SmartPhoto“ yra jokių priklausomybių todėl jis veikia pagrindiniame vanilės JS. Jums tereikia dviejų „SmartPhoto.js“ failų („CSS“ ir „JS“ failų), kuriuos galite atsisiųsti tiesiai iš „GitHub“, arba traukti per paketų valdymą naudojant „npm“ arba „Yarn“.

Pažvelkite į demonstracinį puslapį, jei norite pamatyti, kaip tai veikia. Demonstracijose yra kodo fragmentų, kuriuos galite kopijuoti / įklijuoti ir naudoti savo svetainėje.

Labai rekomenduoju „SmartPhoto.js“ paprasta ir patogi „lightbox“ galerija.

Pagrindinėje papildinio svetainėje yra viskas, ko reikia norint pradėti naudoti atsisiunčiamus šaltinio failus ir išsamią dokumentaciją.