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 / Miscellaneous

GalleryGen - Image Gallery HTML Code Generator

— Дополнения к WorldWideScripts.net

Подпишитесь на наш канал, чтобы оставаться в курсе событий!

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


GalleryGen -  Image Gallery HTML Code Generator - CodeCanyon Item for Sale

Ads

Ad: Bluehost hosting

Смотрите эту видео-превью, чтобы получить лучшее представление о том, как это работает

Каждый веб-разработчик имеет дело с галереи изображений. Это включает в себя глядя кучу изображений, получить их путь и имена, а затем положить их в стандартной раскладкой HTML, а также включают в себя заголовки и названия для изображений. Этот процесс может стать довольно утомительным.

GalleryGen стремится облегчить бремя этого процесса. Он генерирует HTML код для галереи изображений, которые включают Лайтбокс галереи изображений и слайд-шоу. Вместо того чтобы использовать PHP, чтобы найти изображения он использует HTML5 и JavaScript.

Ключевые особенности:

  1. Выберите изображения либо из окна диалогового файла или перетащить их. Выбор нескольких изображений можно в обоих случаях.
  2. Сортировать выбранные изображения, перетаскивая их вокруг.
  3. Удалить любую выбранное изображение из списка.
  4. Лайтбокс превью выбранных изображений.
  5. Два галерея Варианты - Лайтбокс и шоу.
  6. Введите атрибуты название для тегов привязки и альт и название атрибутов для изображений.
  7. Для Слайд - Опции ввести обертку на ваш выбор для слайд-шоу, обертки для каждого изображения, и пользовательские HTML код перед / после каждого изображения.
  8. Генератор выдает действительный HTML код.
  9. Выберите сгенерированный код, нажав на кнопку "Выбрать Code", таким образом, что позволяет легко скопировать весь сгенерированный код. Сгенерированный код также для редактирования с помощью атрибута "contenteditable".

Чтобы узнать о доступных выходных код взглянуть на скриншоты. Поскольку не используется PHP, этот генератор может работать локально.

ПРИМЕЧАНИЕ: Этот генератор использует новейшие технологии HTML5 и, следовательно, будет работать должным образом в современных браузерах, поддерживающих эти технологии. В настоящее время к ним относятся Firefox 3.6 +, Chrome 7.0 и более новые и Opera 11.10+. Chrome имеет некоторые ограничения при работе генератора работают локально и не нашел ни одного изображения, хотя она по-прежнему выдает правильный код. Если генератор запустить с сервера, то она отлично работает в Chrome. Там нет такого осложнения в Firefox и генератор работает там, независимо от того, откуда вы запустите его. В Opera нет поддержка HTML5 перетаскивания еще. Таким образом, вы не сможете перетаскивать изображения в генератор, но только выбрать их из диалогового окна файл.

Обновлено 26 июля, 2011 - версия 1.1

  • Добавлена ​​кнопка "Select кодекс", который при нажатии выбирает весь сгенерированный код таким образом, что делает его легким для пользователя, чтобы быстро скопировать сгенерированный код.
  • Площадь для сгенерированного кода в поле модального перекрытия теперь доступны для редактирования с помощью атрибута "contenteditable".
  • Исправлена ​​ошибка в Лайтбокс предварительного просмотра выбранных изображений, где лайтбоксов иногда открывающимися с неправильными размерами.
  • Другие элементы по CosmoCoder

    Показать фотографии, аудио, видео яйцеклетки лежат два Режимы отображения Фильтрация FunctionaUty Несколько Галерея Наборы Поддержка Поддержка жидкости Отзывчивый дизайн Два Цветовые схемы множеством настроек

    Форумы, изображения, аудио, видео Coverfiow с миниатюрами Режимы фильтрации элементов Тип файла пользовательские категории жидкости Отзывчивый дизайн Сенсорный экран Поддержка CCGaNer HTM5 МУЛЬТИМЕДИА GA1ERY Olos Ftot V.deos

    ПЕРЕХОДЫ ПЕРЕХОДЫ отзывчивым СХЕМА сенсорные навигационные PER переходы между слайдами пользовательских HTML СОДЕРЖАНИЕ HTML подписи ВАРИАНТЫ


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

Свойства

Создан:
24 10 декабря

Последнее обновление:
26 11 июля

Совместимые браузеры:
IE10, ИЕ11, Firefox, Safari, Opera, Chrome

Software Version:
HTML5

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

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

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

электронной коммерции, все товары, перетаскивание, галерея, генератор, HTML5, изображения, JavaScript, лайтбокс, лайтбокс галерея, слайд-шоу