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 Slideshow Photo Gallery Grid

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

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

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


Responsive Slideshow Photo Gallery Grid - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

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

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

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

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

GRID ОСНОВНІ ХАРАКТЕРИСТИКИ

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

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

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

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

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

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

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

КОЛЕКЦІЯ ОСНОВНІ ХАРАКТЕРИСТИКИ

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

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

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

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

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

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

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

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

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

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

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

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

ОНОВЛЕННЯ

19.02.2013 - Ми додали нову функцію на цій сітці, можливість додавання мультимедійних іконки над ескізами, коли вони обрані, тепер ви можете вибирати між ескізів опис, іконки ЗМІ або "ні", коли обрано ескіз.

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


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

Властивості

Створений:
15 січня тринадцять

Останнє оновлення:
Вісім 13 березня

Висока роздільна здатність:
Так

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

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

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

електронної комерції, електронної комерції, Всі товари, CSS3, динамічний, гнучкий, рідина, сітка, HTML5, лайтбокс, засоби масової інформації, чуйний, Vimeo, YouTube