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 - Исправлен ряд ошибок и добавлена ​​поддержка колеса мыши, таким образом сетку можно прокручивать горизонтальными или вертикальными с помощью колеса мыши (опция).


Скачать
Другие компоненты в этой категорииВсе компоненты этого автора
КомментарииЧасто задаваемые вопросы и ответы

Свойства

Дата создания:
5 13 февраля

Последнее обновление:
28 13 марта

Совместимые браузеры:
IE7, IE8 , IE9 , IE10 , Firefox, Safari , Opera, Chrome

Software Version:
HTML5

Высокое разрешение:
да

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

Ключевые слова