WorldWideScripts.net Delivering the best Add-Ons in more than 37 languages.

中文(简体), English, हिन्दी/हिंदी, Español/Castellano, العربية, Русский язык, Français, 中文 (台灣), বাংলা, Bahasa Indonesia, اردو, Português, Deutsch, Bahasa Melayu (بهاس ملايو‎), 日本語 (にほんご), فارسی, Italiano, తెలుగు, Türkçe, ગુજરાતી, Język polski/polszczyzna, Tiếng Việt, ಕನ್ನಡ, Українська мова, ไทย
JavaScript / Images and Media

Smooth Zoom Pan - jQuery Image Viewer

— Додатки до WorldWideScripts.net

Підпишіться на наш канал, щоб залишатися в курсі подій!

Новинка! Слідуйте за нами, як ви хочете!


Smooth Zoom Pan - jQuery Image Viewer - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Це засіб перегляду JavaScript / CSS на основі зображень підготовлені для відображення фотографій продукту, карти або будь-якого зображення в призначених для користувача невеликій площі. Може бути налаштований і реалізований на веб-сторінках з використанням простих кроків копіювання / вставки. Підтримка всіх основних сенсорних пристроїв з підтримкою і платформи IOS, Android і Windows 8.

Більше 30 параметрів, доступних для налаштування, але стандартна версія може працювати просто з 2-ма значеннями:

 $ ( '# YourImageID'). SmoothZoom ({ ширина: <Enter Ширина>, висота: <Enter Зростання> }); 

варіанти:

  • Початковий рівень масштабування
  • Початкова позиція
  • Максимальний рівень масштабування
  • Мінімальний рівень масштабування

  • анімація Плавність
  • Швидкість анімації для збільшення
  • Швидкість анімації для Pan
  • Встановити або заповнити зображення
  • Включити кнопки / Відключити Pan
  • Включення / відключення Pan Обмеження
  • Регульована кнопка розмір, колір, прозорість, вирівнювання і маржа
  • Кнопка Auto Hide і часу затримки

  • Миша Drag / дотик Drag
  • Управління за допомогою миші колеса зум
  • Курсор миші розташування збільшення на колеса миші
  • Подвійне натискання кнопки миші зум

  • Розмір кордону, колір, прозорість
  • варіант розміру Повний браузер
  • Максимальна ширина і висота (для зміни розміру вікна)


UPDATE V1.7: [30 травня 2014]
  • Windows 8 Phone / Tablet, IE10 + додана підтримка
  • В даний час працює з покажчиками подій для послідовної підтримки сенсорного і сумісності


  • UPDATE V1.6.9: [18 березня 2013]
  • JQuery версії додана підтримка 1.9.1
  • PrettyPhoto версія 3.1.5 додана підтримка
  • підтримка IE6 повністю впала


  • UPDATE V1.6: [10 червня 2012]
  • Чуйний & Fluid підтримка макет додана з регульованими параметрами
  • Новий метод доданий, щоб змінити розмір зони огляду в будь-який час після початку
  • Орієнтири можна змінити розмір від масштабу (за винятком IE8 і нижче)
  • Призначені для користувача вирівнювання - після натискання кнопки скидання вирівнює зображення в зазначеному шляху
  • Напрямок панорамування може бути скасовано за допомогою параметрів
  • Налаштування Окремі швидкості для масштабування і панорамування
  • Кілька незначних виправлень великі і ще кілька незначних опцій додав.


  • UPDATE V1.5: [18 березня 2012]
  • Покрокове Масштаб - можна досягти максимального і мінімального рівнів масштабування в один клік
  • Сенсорний дружній розмір кнопки - Можливість встановити різний розмір кнопки для сенсорних пристроїв
  • 2 Нові функції зворотного виклику додав
    - Тригери кожен раз, коли значення шкали / позиція оновлюється (на кожному кадрі анімації)
    - Тригери щоразу, коли зміни видимості від Landmark
  • Ios виправлені помилки - позиція віха питання, пов'язані з IPAD, iPhone, IPod фіксованою
  • Chrome Виправлена ​​помилка - Випадковий чорний зовнішній вигляд кордону на Google Chrome фіксований


  • UPDATE V1.4: [4 березня 2012]
  • Динамічні орієнтири - Можна додати / видалити / орієнтири оновлення екрану під час виконання.
  • Метод focusTo поліпшений з параметром користувальницької швидкості.
  • Можна встановити користувальницькі функції зворотного виклику на наступних 2-х випадках:
    - На зображення Load.
    - Everytime дію масштабування / панорамування завершується (повертає масштабувати дані / позиції).


  • UPDATE V1.3: [12 лютого 2012]
  • додав орієнтири / Lables / Розташування підтримка контактів. (Preview # 5)
  • Мініатюра Галерея приклад доданий. (Preview # 6)
  • Lightbox галерея приклад доданий. (Preview # 7)
  • Pinch підтримка масштабування додана для сенсорної навігації пристрою
  • FireFox 10+ Виправлена ​​помилка не в змозі перетягнути фіксованою
  • Кодування поліпшена для задоволення більш високої продуктивності


  • UPDATE V1.2: [2 листопада 2011]
  • Додатковий метод, доданий для отримання поточної позиції і масштабування значення (зразок # 4)
    Ці дані будуть корисні в таких випадках:
    1. Для того, щоб Crop Tool
    2. Для того, щоб зберегти поточні дані масштабування і повторно відкрити сторінку з точно такою ж рівень і стан
  • Тепер весь екран значення зсуву може бути встановлений як для ширини і висоти в процентах


  • UPDATE V1.1: [20 жовтня 2011]
  • Додана можливість контролювати всі дії кнопки зовні плагін (за допомогою власних кнопок)
  • Додана можливість видалити всі кнопки (для зазначеної вище мети)
  • Вихідний файл містить 4 Приклад зміни, щоб почати налаштування легко
  • продуктивність:

    Плавність варіюється в залежності від можливостей браузера. Плагін використовує кращі параметри, доступні на сучасних браузерах при управлінні видимість на старих браузерах:


    Завантажити
    Інші компоненти в цій категоріїВсі компоненти цього автора
    КоментаріЧасті питання та відповіді

    Властивості

    створений:
    9 вересня 11

    Останнє оновлення:
    5 вересня +15

    сумісні браузери:
    IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome

    файли, включені:
    JavaScript JS, HTML

    Версія програмного забезпечення:
    Jquery

    Ключові слова

    електронної комерції, електронної комерції, всі товари, Android, урожай, рідина, зображення, ІОС, Ipad, JQuery, орієнтир, перегляду карт, сковорода, змінити розмір, чуйний, масштаб, чіпати, зум