SmartPhoto.js - yksinkertainen reagoiva kuvien katseluohjelma, joka on suunniteltu mobiililaitteille

Reagoivan web-suunnittelun aikakaudella sinun täytyy miettiä jokaisen mobiilikäyttäjän kokemusta. Vuonna 2017 mobiililaitteiden Internet-käyttäjät kokosivat työpöydällä muutaman prosentin. Se on iso juttu!

Lähes jokaisella sivustosi ominaisuudella on oltava jonkinlainen mobiililaitteiden vaihtoehto. Kuvagallerioita varten voit kokeilla SmartPhoto.jsia sen jälkeen, kun se on suunniteltu erityisesti mobiilituloihin.

Plugin on täysin ilmainen ja avoin, ja se on hankittu täydellä GitHub-sivulla.

Se päivitetään aina niin usein, mutta SmartPhoto.js: n keskeinen osa on luonnollinen käyttöliittymä. Se toimii hyvin pöytätietokoneissa ja soveltuu paremmin mobiililaitteisiin. Muotokuva tai maisema, älypuhelin tai tabletti, tämä plugin ottaa kakun.

SmartPhoto.js: n avulla saat täysi kosketus tuki ja pyyhkäisy tuki siirtyä diaesityksen kuvien välillä. Plugin toimii myös kiihtyvyysmittarin kanssa, joten voit tarkistaa, milloin sivun suunta muuttuu.

Pyydä dokumentaatiota täydellisestä oppaasta asennuksesta ja asennuksesta. Tämä laajennus ei vaadi paljon JS-koodia, jotta se toimisi, mutta se ei kuitenkaan onnistu tukee monia mukautettuja asetuksia, joissa on takaisinsoitomenetelmät.

Huomaa myös, että SmartPhotolla on ei ole riippuvuuksia niin se toimii perus vanilja JS. Tarvitset vain kaksi SmartPhoto.js-tiedostoa (CSS- ja JS-tiedostot), jotka voit ladata suoraan GitHubista tai vetää paketinhallinnan kautta npm: llä tai Yarnilla.

Katsokaa esittelysivua, jos haluat nähdä, miten tämä toimii. Demot sisältävät koodinpätkät, joita voit kopioida / liittää ja käyttää myös omalle sivustollesi.

Suosittelen SmartPhoto.js: a yksinkertaisen ja mobiilikäyttöisen lightbox-gallerian käyttöön.

Tärkeimmällä plugin-sivustolla on kaikki mitä tarvitset, jotta voit aloittaa ladattavien lähdetiedostojen ja kattavan dokumentoinnin.