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, ಕನ್ನಡ, Українська мова, ไทย
HTML5 / Sliders

Draggable Infinite Grid with Lightbox

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

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

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


Нескінченні Draggable Сітка з Lightbox - WorldWideScripts.net пункт для продажу

Ads

Ad: Bluehost hosting

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

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

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

Простота установки і повною документацією, Сітка плейлист побудована з <ul> елементів, що робить його легко налаштувати вручну або які будуть створені з бази даних або будь-який інший тип структури даних, ця сітка може бути встановлено і використовується дизайнерами або розробникам з легкістю.

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

Дивитися демо працює на Samsung Galaxy S3 ( Android)абоДивитися демо працює на IPAD ( IOS ) .

GRID основні особливості

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

Чотири типу дисплея входять : рідина ширини, повний екран, гнучка і лайтбокс (подивіться приклади !) .

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

Унікальний спосіб відображення картинок на екрані!Основному сіткою можна перетягувати на невизначений час у будь-якому напрямку і нові ескізи відображаються, є складні математичні алгоритми за капотом цього сітку, яка робить це можливим. Підтримка великої кількості зображень.

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

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

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

Навігація анімованих екранів допомоги ( опціонально) .

Коліщатко підтримки, напрямок прокрутки може бути встановлений у вертикальному або горизонтальному ( додатково ) .

Повноекранний кнопки (опція).

LIGHTBOX основні особливості .

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

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

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

Слайд -шоукнопки (опція).

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

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

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

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

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

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

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

МОДЕРНІЗАЦІЯ

27.03.2013 - Виправлені помилки, пов'язані з Windows8 метро і робочого столу .

07.02.2013 - Додано функцію, яка дозволяє сітці бути втягнутою вертикально, горизонтально або у обох.

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


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

Властивості

Дата створення:
13 травня лютого

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

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

Software Version:
HTML5

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

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

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