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