„Viewer“ - paprastas vaizdo mastelio keitimo papildinys Vanilla JS ir jQuery

Galite atlikti greitą paiešką ir rasti dešimtis bibliotekų vaizdo švieslentėms, skaidrių peržiūroms, galerijoms, pavadinimą.

Vienas iš naujausių bibliotekų, kurios sužino mano dėmesį, yra „Viewer“. Šiuo metu 0,6 versijoje jis vis dar yra kuriamas projektas, bet šis vaizdas papildinio dizainas ir funkcijos abu yra fenomenalūs.

Iš pagrindinio puslapio rasite tiesioginę demonstraciją su įvairiais vaizdo stiliais. Galite pasirinkti nustatyti savo galeriją skirtingoms funkcijoms kaip tiesioginis priartinimas vienu pavidalu arba ilgas skaidrių demonstravimas, kuriame yra daug vaizdų.

Tai taip pat ateina su “įjungtas režimas” kuris prideda vaizdų žiūriklį į puslapio elementą. Taigi, kai vartotojas spusteli miniatiūrą, kurią ji padidins viduje, o ne viso puslapio viršuje.

Mygtukus rasite gana daug: sukimosi, papildomų antraščių ir viso 1: 1 mastelio keitimo, kad galėtumėte aiškiai matyti aukštos kokybės nuotraukas.

Su keliomis JS parinktimis nuspręsite, kaip veikia „Viewer“ scenarijus. Nenorite leisti lankytojams padidinti nuotraukų? Jokiu problemu.

Taip pat galite išjungti skaidrių demonstravimo funkciją arba tiesiog išjungti kitus / prev mygtukus UI. Tas pats pasakytina ir apie miniatiūrų nuotraukos kuri rodoma, kai skaidrių demonstracija yra visiškai matoma.

Taip pat atkreipkite dėmesį, kad šis scenarijus turi ne jQuery versiją, jei norite vanilės JS. Abu įskiepiai veikia taip pat ir jie aktyviai vystosi. Viskas, ko jums reikia norint pritaikyti šią sąsają, yra pagrindiniame „GitHub“ puslapyje.

Jei esate didelis į savo UI kodavimą, žiūrovas yra labai kietas įskiepis. Ji taip siūlo daug kontroliuoti kiekvieną skaidrių peržiūrą kad galite tai pertvarkyti į viską, ką norite.

Žiniatinklio kūrėjai turės lauko dieną, dirbdami su visomis šio nemokamo vaizdo scenarijaus parinktimis.