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

Etalage

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

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

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


Etalage - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Готова до використання JQuery плагін масштабування зображення, щоб представити свої зображення у вищій докладно, не покидаючи сторінку.

Просто підключіть до файлів JavaScript і CSS і застосувати його до вашої HTML елемента, як і інші плагіни JQuery. Налаштуйте параметри і CSS, щоб відповідати вашому стилю і цілі. Повна документація і приклади включені.

Будь ласка, перевірте FAQ перед покупкою.

Особливості:

  • Настроювані по CSS і плагінів варіантів
  • Точне позиціонування всіх елементів на основі ваших розмірів зображення і CSS
  • Маленькі ескізи створюються автоматично, розмір і розташування
  • Низький дозвіл перегляду (збільшений зі слайдами) під час завантаження збільшеного зображення (за винятком IE)
  • Додаткове ослаблення збільшеного зображення рухів
  • Додаткове автозапуску
  • Додаткові опису / підпису
  • Необмежену кількість зображень
  • Зіставте Etalage вліво / вправо, з площею масштабу на протилежній стороні
  • Невеликі мініатюри можна розташувати нижче або вліво / вправо (по вертикалі)
  • Кілька примірників на сторінці можливого
  • Праворуч-зліва мовної підтримки
  • Додаткові зовнішні елементи управління за попередній / наступний / конкретного зображення
  • Додатково: настроюються функції зворотного виклику
  • Працює у всіх поширених браузерах (і в IE6)
  • Включає в себе документацію та вихідні файли обговорювані
  • Включає в себе "абсолютної основний" і ще 6 файли прикладів, щоб ви почали

Нове у версії 1.3.4 (Jun 2013)

  • Нова опція плагін: show_begin_end_smallthumb (чи показати додаткові ескізи на початку і в кінці, що повернутися назад в кінці або на початку)
  • FancyBox приклад сторінки оновлюється для підтримки версії 2+ цього плагіна.
  • Незначні поліпшення продуктивності

Нове у версії 1.3.3 (Лютий 2013)

  • Варіант "smallthumbs_position" тепер можна встановити до початку
  • Варіант "show_hint" тепер за замовчуванням хибним
  • Додано виправлення для небажаних обгортання малого пальця підряд, як правило, викликані збільшеної в браузерах
  • Виправлена ​​помилка, коли правим вирівнюванням стрілецької пальці не прокручувати в Firefox
  • Новий приклад сторінки: "Вирівнювання" із зразками лівій верхній / / правої вирівнювання невеликих превью-
  • Новий приклад сторінки: "Зовнішні органи управління", щоб продемонструвати, як стріляти дії Etalage з інших елементів
  • Незначні поліпшення продуктивності

Нове у версії 1.3.2 (2012/09/04)

  • Оптимізовано для JQuery 1.8+ (рекомендується "наведенні" події, застарів $ Метод.browser, застарів "навантаження" подія)
  • .etalage () тепер повертає об'єкт JQuery, так що ви можете продовжувати ланцюжок
    Приклад:
     .. $ ('# Etalage') etalage () все (); 
  • Додана підтримка Twitter Bootstrap (це переплутано з Etalage CSS)
  • Переміщена функції зворотного виклику в опціях плагіна об'єкт. Старий метод все ще працює, хоча. Приклад:

     $ ('# Etalage'). Etalage ({ click_callback () {Alert ("OMG"); }, change_callback () {Alert ("він переїхав '); } }); 

Нове у версії 1.3.1 (2012/06/05)

  • Виправлена ​​помилка: При ініціалізації декількох екземплярів по класу, розмір області масштабування відрізнялися.
  • Додана підтримка справа наліво мови.
  • Додано праворуч прикладі зліва.
  • Додано FancyBox без використання зуму приклад площа Etalage в.
  • Додано дублікати установок приклад.
  • Незначні поліпшення продуктивності.

Новий у версії 1.3 (2012/03/06):

  • Виправлена ​​помилка: Додавання посилання на картинки тепер працює належним чином
  • Виправлена ​​помилка: Завантаження зображень іноді тримати показуючи при використанні одного зображення
  • Нова опція плагін: smallthumb_select_on_hover (прокрутіть через невеликі мініатюр при наведенні їх, замість натискання їх)
  • Нова опція плагін: zoom_element (здатність поставити свій власний елемент в області масштабування)
  • Нова опція плагін: zoom_area_distance (раніше установка УС)
  • Нова опція плагін: hint_offset (раніше установка УС)
  • Нова опція плагін: icon_offset (раніше установка УС)
  • Нова функція зворотного виклику: etalage_change_callback (image_number, instance_id), де image_number це новий активний спосіб
  • Додав приклад використання Etalage з FancyBox
  • Доданий приклад використання функції зворотного виклику
  • Додав приклад використання елемента користувальницького площа зум
  • Незначні поліпшення продуктивності і видалення depricated функцій JQuery

Нове у версії 1.21 (2011/09/04):

  • Виправлена ​​помилка з зовнішнього контролю, коли не було ніяких дрібних ескізи з діапазону

Нове у версії 1.2 (2011/07/23):

  • Ще більш точне позиціонування зум зображення.
  • Виправлена ​​помилка, коли опис вікно буде розтягнуто при розташований у верхній частині.
  • Натисніть функцію зворотного виклику (добре для лайтбоксів і все, що ви хочете, щоб відбулося по кліку).
  • Доданий плагін варіант "click_to_zoom". Коли він включений, натиснувши на великій ескіз ініціюватиме масштабування (замість зависання його). Це не йти разом з функціями натисніть зворотного виклику.
  • Доданий плагін варіант "smallthumbs_position". Маленькі мініатюри тепер можуть бути розташовані ліворуч або праворуч від мініатюри (великий вертикально).
  • Доданий плагін варіант "вирівнювання". Etalage контейнер тепер може бути вирівняно по правому краю, з площею зум зліва.
  • Зовнішні функції перемикання попередньої / наступної / на певний номер зображення.

Примітка: Ви повинні використовувати нову CSS для цього оновлення, якщо ви оновлюєте з попередньою версією (принаймні, скопіювати розділ «функціональної» в нижній частині; розділ особистої стиль залишається тим же).

Новий у версії 1.1 (2011/04/24):

  • Додана опція опис район, що покриває збільшене зображення. Передайте текст опису через назву атрибута вихідного зображення:
    <img class="etalage_source_image" src="" title="Put description here." />
  • Підтримка клавіатури (опція) (ліва / права клавіша стрілка переходу до наступного попереднього / зображення).
  • Виправлена ​​помилка в опції zoom_easing плагіна фіксується.
  • Різні незначні поліпшення

Для оновлення з попередньої версії; замінити "функціональність" частину і додати розділ "Опис області" від нового CSS.

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

Властивості

Створений:
+26 11 березня

Останнє оновлення:
24 червня 13

Сумісні Браузери:
IE6, IE7, IE8, IE9, IE10, IE11, Firefox, Safari, Opera, Chrome, Край

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

Версія:
JQuery

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

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