Viewer - Yksinkertainen kuvan zoomauslaite Vanilla JS & jQuerylle

Voit tehdä nopean haun ja löytää kymmeniä kirjastoja kuvavalojen, diaesitysten, gallerioiden, nimeen.

Yksi uusimmista kirjastoista, jotka huomasivat huomioni, on Viewer. Tällä hetkellä versiossa 0.6 se on edelleen kehitteillä oleva projekti, mutta tämä kuva laajennuksen suunnittelu ja ominaisuudet ovat molemmat ilmiömäisiä.

Kotisivulta löydät live-esittelyn, jossa on erilaisia ​​kuvamalleja. Voit valita aseta oma galleria eri ominaisuuksiin kuten suora zoomaus yhdellä kuvalla tai pitkä kuvaesitys, jossa on useita kuvia.

Tämä tulee myös “inline-tilassa” joka liittää kuvien katseluohjelman sivun elementtiin. Joten kun käyttäjä napsauttaa pikkukuvaa, jonka avulla kuva zoomataan sen sisällä, eikä koko sivun päällä.

Löydät painikkeita melko paljon kaikkea: kierrosta, ylimääräisiä kuvatekstejä ja täyttä 1: 1-zoomausta saadaksesi selkeän kuvan hi-res-valokuvista.

Muutama JS-vaihtoehto päätät miten Viewer-komentosarja toimii. Etkö halua antaa kävijöille zoomata kuviin? Ei ongelmaa.

Voit myös poistaa diaesitysominaisuuden käytöstä tai poistaa käytöstä seuraavan käyttöliittymän painikkeet. Sama koskee pikkukuvat jotka näkyvät diaesityksen ollessa täydessä näkymässä.

Huomaa myös, että tässä skriptissä on ei-jQuery-versio, jos haluat vanilja JS: n. Molemmat plugins toimivat samalla tavalla ja molemmat ovat aktiivisessa kehityksessä. Kaikki mitä tarvitset tämän käyttöliittymän muokkaamiseen, löytyy GitHubin tärkeimmältä sivulta.

Jos olet iso omien käyttöliittymien koodauksessa, Viewer on erittäin viileä laajennus. Se tarjoaa niin paljon hallita jokaista diaesityksen käyttäytymistä että voit järjestää tämän melko paljon mitä haluat.

Web-kehittäjillä on kenttäpäivä, jossa käytetään kaikkia tämän ilmaisen kuvan skriptin asetuksia.