Breiseán Gailearaí Íomhá Sofhreagrach agus Inoiriúnaithe
Is resizer agus saincheaptha íomhá foinse oscailte é Lightgallery.js.
Is breiseán úsáideach agus an-inoiriúnaithe é Lightgallery.js atá foirfe do thionscadail a dteastaíonn go leor gnéithe uathu maidir le físeáin agus íomhánna a luchtú agus a thaispeáint ar láithreáin ghréasáin. Forbraíodh go hiomlán i JavaScript agus CSS é, agus is gailearaí bosca solais iomlán é a thairgeann go leor roghanna d'fhorbróirí.
Mar fhoinse oscailte, tá breiseán saor in aisce Lightgallery.js áisiúil nuair a bhíonn na roghanna breise sin ag teastáil uait seachas sócmhainní íomhá agus físeáin a athrú agus a uaslódáil chuig do láithreán gréasáin i bhfoirm gailearaí. Stórálann sé freisin stair bhrabhsálaí na n-íomhánna agus na físeáin i sleamhnán agus soláthraíonn sé URL uathúil do gach íomhá gailearaí. Ní hamháin go bhfuil sé tapa ach is cruthaitheoir gailearaí bosca solais éadrom, modúlach, sofhreagrach é nach gcuireann bac ar fheidhmíocht cuimhne.
Tús a chur le LightGallery
An bealach molta chun LightGallery a shuiteáil trí NPM. Bain úsáid as an ordú seo a leanas chun é a shuiteáil.
Suiteáil LightGallery trí NPM
npm install lightgallery.js
JavaScript API saor in aisce le haghaidh Ionramháil Íomhá
Tagann Lightgallery.js le go leor modúl ionsuite cosúil le mionsamhlacha a chruthú, lánscáileán, zúmáil isteach agus amach, srl. is féidir a chaitheamh amach mura bhfuil siad de dhíth ort. Is féidir leat do mhodúil féin a chur leis freisin ag brath ar riachtanas do thionscadail. I gcomparáid le modh JavaScript chun íomhánna agus físeáin a athrú, úsáideann Lightgallery.js cur chuige CSS amháin chun méid a athrú go sofhreagrach, rud a fhágann go bhfuil sé i bhfad níos tapúla agus níos solúbtha. Trí athróga SASS do ghailearaí a nuashonrú is féidir leat an breiseán a shaincheapadh go héasca chun freastal ar do chuid riachtanas.
Cruthaigh Mionsamhlacha trí API JavaScript In Aisce
Nuair a bhaineann sé le mionsamhlacha, ceadaíonn Lightgallery.js duit mionsamhlacha beoite a chumasú díreach cosúil le YouTube chun mothú níos nua-aimseartha a thabhairt. Is féidir mionsamhlacha beoite a ghníomhachtú freisin do do ghailearaí YouTube nó Vimeo. Tagann Lightgallery.js le níos mó ná beochan 20 a tógadh sa bhreiseán is féidir a úsáid chun gailearaithe áille a chruthú.
Cruthaigh Gailearaí Mionsamhlacha Statach trí JavaScript
lightGallery(document.getElementById('static-thumbnails'), {
animateThumb: false,
zoomFromOrigin: false,
allowMediaOverlap: true,
toggleThumb: true,
});
Saincheap Cruthú Gailearaí Mionsamhlacha trí JavaScript
lightGallery(document.getElementById('customize-thumbnails-gallery'), {
// Add a custom class to apply style only for the particular gallery
addClass: 'lg-custom-thumbnails',
// Remove the starting animations.
// This can be done by overriding CSS as well
appendThumbnailsTo: '.lg-outer',
animateThumb: false,
allowMediaOverlap: true,
});