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

Responsive Gridfolio

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

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

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


Responsive Gridfolio - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Дотримуйтесь Envato Дотримуйтесь FACEBOOK

Версія Дата 1.2 Випуск 27.09.2013

  • Виправлені помилки, пов'язані з IE8.
  • Виправлені помилки, пов'язані з останнього оновлення IOS і Android.
  • Покращена продуктивність мобільного.

Версія Дата версії 1.1 24.07.2013

  • Підтримка декількох категоріях, звичайно, це все ще може бути використаний з однієї категорії, як раніше.
  • Підтримка Lightbox Iframe.
  • Опис Лайтбокс AutoOpen (відкрите опис товару без натискання на кнопку інформації).
  • Додана додаткова спосіб закрити спливаюче вікно, натиснувши поза зоною елемента.
  • Додана підтримка MSPointer подій для Windows8 мобільного телефону.
  • Додано шість додаткових скінів.

Основні характеристики:

Чуйний Gridfolio має рідке / гнучкий / чуйний макет. В основному мережу додається в HTML сторінки в DIV вашого Chosing і це адаптацію на основі ширини цього DIV, у висоту сітки модифікована, на підставі ескізів, і якщо інші елементи знаходяться нижче сітки DIV вони будуть натискається автоматично (документ потоку). У наведених прикладах можна побачити кілька способів, в яких ви можете використовувати цю сітку, звичайно, що можливі й інші конфігурації (зверніть увагу, що код цього прикладу наводиться в розділі завантажень файлів).

У галереї може мати будь-яку кількість зображень і кожне зображення може бути будь-якого розміру, але пропорційна ширині базової пальця і ​​висоти. При натисканні слайдами ви можете вибрати або відобразити вихідного носія лайтбокс, яку ми закодували, або відкрити нову сторінку, URL-адресу та мета цієї веб-сторінки може бути вказаний. У лайтбокс дозволяє відображати зображення, або може відображати відео, завантажені з YouTube або Vimeo.

Чистий ООП JavaScript код, без використання JQuery або інших бібліотек, таким чином, не буде ніякої несумісності з HTML-сторінок, які могли б використовувати JQuery або інші бібліотеки, JavaScript.

Чуйний Gridfolio використовує GPU (апаратне прискорення), використовуючи стандарти HTML5. Швидкість рендеринга і продуктивність бездоганний на настільних комп'ютерах і найголовніше на мобільних пристроях, як вона працює він намагатиметься використовувати CSS3 і якщо це не доступна, вона буде вниз падіння до CSS2 або CSS1 для старих браузерів, таких як IE7 і IE8.

Висока продуктивність на мобільних пристроях, ви можете побачити в демо-відео, що він працює так само, як рідне додаток!, Він був написаний і оптимізований для мобільних пристроїв, і це 100% мобільного сумісні і, звичайно, він буде працювати так само велика, на настільних комп'ютерах в тому числі на старих браузерах, таких як IE7 і IE8. Ми протестували його на iPad3 (IOS) і на Samsung Galaxy S3 (Android) і він працює великий на обох пристроях, нижче наведені посилання, щоб переглянути цю демо. Дивіться демо працює на Samsung Galaxy S3 (Android) або демонстраційний ролик працює на IPAD (IOS).

Сітка основні функції:

Чуйний / Гнучка / рідина розташування: ви можете контролювати розмір сітки з CSS або JavaScript, в основному це має адаптується розташування, що робить його ідеальним кандидатом для будь-якого типу проекту.

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

Вся тема колір може бути змінений.

Настроюються розмір ескізів і геометрія: ця функція дозволяє змінити розмір ескізів, а простір між іконками.

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

Мініатюри опис або ескізів медіа ікони: кожен палець може мати короткий опис з прозорим фоном під нею або значок засобах масової інформації, який являє собою посилання, відео чи зображення, це видно, коли миша перебуває над мініатюрою, текст може бути відформатований CSS, колір фону і прозорість також може бути змінений (опція).

"Завантажити більше мініатюр є": це дивовижний особливість, яка підвищує загальну продуктивність і швидкість завантаження, тому що в цьому випадку не всі ескізи завантажується і відображається відразу. Наприклад, якщо у вас є в цілому 120 мініатюр ви можете показати їм в наборах 50 мініатюр, і тому спочатку в сітці перший набір 50 мініатюр завантажуються і відображаються, і коли "Завантажити більше мініатюр" кнопка натиснута наступна Набір з 50 мініатюр завантажуються і відображаються, і, нарешті, коли кнопка "Завантажити більше мініатюр" знову натисканні 20 Решта ескізи показали. Кількість ескізів, щоб завантажити в набір налаштовується, це не повинні бути 50 це може бути будь-яке число, яке ви вважаєте. Це додаткова функція, якщо вона відключена всі ескізи завантажуються і відображаються.

Користувача дія натисніть мініатюри: при натисканні слайдами ви можете вибрати або відобразити вихідного носія лайтбокс, яку ми закодували, або відкрити нову сторінку, URL-адресу та мета цієї веб-сторінки може бути вказаний. У лайтбокс дозволяє відображати зображення, або може відображати відео, завантажені з YouTube або Vimeo.

Лайтбокс основні функції:

Чуйний / Гнучка / рідини обстановка: lighbox завжди буде заповнити наявну браузера перегляду.

Вся тема колір може бути змінений.

Vimeo та підтримка YouTube: все, що вам потрібно зробити, це включити посилання з YouTube або Vimeo відео, які ви хочете переглянути, і lighbox з'явиться, і відтворювати відео. Розмір (ширина і висота) кожного відео може бути легко встановлений.

Масштаб і панорамування підтримка зображень: ви можете збільшувати і зменшувати масштаб зображення, і ви можете панорамувати зображення, в цьому випадку ви можете побачити зображення в найдрібніших подробицях (опціонально).

Кнопка слайд-шоу (за бажанням).

Затримка Слайд-шоу, затримка слайд-шоу можуть бути встановлені в лічені секунди.

Слайд-шоу автозапуску.

Слайд-шоу на замовлення анімовану графіку.

Наступна і попередня навігаційні кнопки (опція).

Інформаційний кнопки та інформаційне вікно: кожен елемент lighbox може мати опис, текст і зовнішній вигляд вікна може бути відформатований за допомогою CSS (за бажанням).

Настроюються кордону і фон: розмір рамки і колір, а також головний колір фону можна налаштувати.

Клавіатура підтримка: ліва і права стрілки можна використовувати для навігації (опція).

ОНОВЛЕННЯ

07.03.2013 - Виправлена ​​помилка пов'язана з лайтбокс при зменшенні на Chrome і кращого виявлення для мобільних пристроїв.


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

Властивості

Створено:
18 13 лютого останнє оновлення

Висока роздільна здатність:
Так, сумісними браузерами

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

електронної комерції, всі деталі, Android, додатки, динамічні, гнучкі, fliudwidth, повноекранні, галерея, сітки, gridfolio, IFrame, IOS, мультимедіа, чуйні, ескізи, YouTube