Домашня » Інструментарій » Viewer - Простий плагін для масштабування зображень для Vanilla JS & jQuery

    Viewer - Простий плагін для масштабування зображень для Vanilla JS & jQuery

    Ви можете виконати швидкий пошук і знайти десятки бібліотек для лайтбокси зображень, слайд-шоу, галереї.

    Однією з новітніх бібліотек, що привернула мою увагу, є Viewer. В даний час у версії 0.6 це все ще розробляється проект, але цей образ дизайн і функції плагіна обидва феноменальні.

    На домашній сторінці ви знайдете демонстрацію з різними стилями зображення. Ви можете вибрати налаштуйте власну галерею на різні функції як пряме масштабування з одним зображенням, або довге слайд-шоу з багатьма зображеннями.

    Це також поставляється з “вбудований режим” , що прикріплює переглядач зображень до елемента на сторінці. Тому, коли користувач натискає на мініатюру, щоб збільшити фотографію всередині цього елемента, а не поверх усієї сторінки.

    Ви знайдете кнопки для майже всього: обертання, додаткові підписи та повне масштабування 1: 1, щоб отримати чітке зображення фотографій високої чіткості.

    З декількома опціями JS Ви вирішуєте, як повинен працювати скрипт Viewer. Не хочете, щоб відвідувачі масштабували зображення? Без проблем.

    Також можна вимкнути функцію слайд-шоу або просто вимкнути кнопки наступного / попереднього інтерфейсу. Те ж саме стосується і мініатюрні фотографії , які з'являються, коли слайд-шоу повністю відображається.

    Також, зауважте, що цей скрипт має версію, яка не є jQuery, якщо ви віддаєте перевагу ванільному JS. Обидва додатки працюють однаково, і вони обидва в активному розвитку. Все, що потрібно для налаштування цього інтерфейсу, можна знайти на головній сторінці GitHub.

    Якщо ви великим кодувати свої власні користувальницькі інтерфейси, то Viewer - дуже простий плагін. Він пропонує так великий контроль за поведінкою кожного слайд-шоу що ви можете реструктурувати це в усьому, що хочете.

    Веб-розробники матимуть можливість працювати з усіма опціями цього безкоштовного сценарію.