Viewer - vienkāršs attēla tālummaiņas spraudnis Vanilla JS & jQuery

Jūs varat veikt ātru meklēšanu un atrast desmitiem bibliotēku attēlu gaismas kastēm, slīdrādes, galerijas, to nosaukt.

Viena no jaunākajām bibliotēkām, kas piesaistīja manu uzmanību, ir skatītājs. Pašlaik versijā 0.6 tas vēl ir izstrādes stadijā, bet šis attēls spraudņa dizains un funkcijas abas ir fenomenālas.

No mājas lapas jūs atradīsiet dzīvu demonstrāciju ar dažādiem attēlu stiliem. Jūs varat izvēlēties iestatiet savu galeriju dažādām funkcijām piemēram, tiešo tālummaiņu ar vienu attēlu vai garu slaidrādi, kurā ir daudz attēlu.

Tas arī nāk ar “inline režīmā” kas attēla skatītāju pievieno lapas elementam. Tātad, kad lietotājs noklikšķina uz sīktēla, kurā tiks palielināts fotoattēls iekšpusē šo elementu, nevis visu lapu.

Lai iegūtu skaidru priekšstatu par augstas izšķirtspējas fotoattēliem, jūs atradīsiet pogas visai daudz: rotācijas, papildu parakstus un pilnu 1: 1 tālummaiņu.

Ar dažām JS opcijām jūs nolemjat, kā darbojas skata skripts. Vai nevēlaties, lai apmeklētāji tuvinātu attēlus? Nekādu problēmu.

Varat arī atspējot slaidrādes funkciju vai vienkārši atspējot nākamās / prev pogas UI. Tas pats attiecas uz sīktēlu attēli kas tiek parādīti, kad slīdrāde ir pilnībā redzama.

Ņemiet vērā, ka šim skriptam ir ne-jQuery versija, ja vēlaties vaniļas JS. Abi spraudņi darbojas tādā pašā veidā, un tie abi ir aktīvā attīstībā. Viss, kas nepieciešams, lai pielāgotu šo saskarni, ir atrodams galvenajā GitHub lapā.

Ja esat liels, lai kodētu savus UI, tad skatītājs ir ļoti foršs spraudnis. Tā piedāvā daudz kontrolēt katru slīdrādes uzvedību ka jūs varat to pārstrukturēt diezgan daudz, ko vēlaties.

Tīmekļa izstrādātājiem būs lauka diena, kurā tiks izmantotas visas šīs bezmaksas attēlu skripta iespējas.