Html фотогалерея для сайта: Галерея для сайта. Урок 1

Создание адаптивной галереи изображений HTML5 с подписями

При создании адаптивных галерей изображений на CSS3 встает вопрос, как добавить подпись к каждому изображению. Решить эту задачу довольно просто, особенно используя понятную разметку HTML5. Наш пример создан на основании кода из вышеупомянутого урока, так что для подробного объяснения создания анимации обратитесь к нему. Здесь же мы сосредоточимся на задании стилей и использовании новых элементов.

 

Код HTML

В код из вышеуказанного урока внесено принципиальное изменение: каждое изображение теперь располагается в элементе фигуры:

<div>
        <figure>
                <figure>
                        <img src="hobbiton-lake.jpg" alt>
                        <figcaption>Hobbiton, New Zealand</figcaption>
                </figure>
                <figure>
                        <img src="wanaka-drowned-tree.jpg" alt>
                        <figcaption>Wanaka, New Zealand</figcaption>
                </figure>
                <figure>
                        <img src="utah-peak.  jpg" alt>
                        <figcaption>Utah, United States</figcaption>
                </figure>
                <figure>
                        <img src="bryce-canyon-utah.jpg" alt>
                        <figcaption>Bryce Canyon, Utah, United States</figcaption>
                </figure>
                <figure>
                        <img src="hobbiton-lake.jpg" alt>
                        <figcaption>Hobbiton, New Zealand</figcaption>
                </figure>
        </figure>
</div>

В коде выше атрибут альтернативного текста оставлен пустым для экономии места, но важно всегда добавлять подходящее описание, чтобы сделать изображение доступным для людей с проблемами со зрением.

Код CSS

Элемент фигуры занимает место элемента изображения в исходной галерее, что отражается и в коде CSS, который приведен ниже без приставок производителя, которые и не нужны для большинства современных версий браузеров, для упрощения кода:

div#captioned-gallery {
        width: 100%;
        overflow: hidden;
}
figure { margin: 0; }
figure. slider {
        position: relative;
        width: 500%;
        font-size: 0;
        animation: 40s slidy infinite;
}
figure.slider figure {
        width: 20%;
        height: auto;
        display: inline-block;
        position: inherit;
}

Свойствам размера шрифта и внешним отступам заданы нулевые значения, чтобы в родительском элементе фигуры и его потомках, расположенных бок о бок с помощью свойства строчно-блочного отображения, не было лишних пробелов. Эти потомки наследуют относительное расположение от своих родителей, что пригодится нам в дальнейшем.

figure.slider img {
        width: 100%;
        height: auto;
}
figure.slider figure figcaption {
        position: absolute;
        bottom: 0;
        background: rgba(0,0,0,0.3);
        color: #fff;
        width: 100%;
        font-size: 2rem;
        padding: .6rem;
}

Здесь использован распространенный способ размещения абсолютно спозионированного элемента, находящегося в блоке с относительным расположением, чтобы каждая подпись всегда располагалась под связанным с ней изображением. Размер шрифта изменен, и подписям задан цвет и фон rgba, чтобы текст всегда оставался читабельным, не зависимо от того, какая фотография находится за ним.

Создание адаптивных подписей

Хотя изображения адапивны, текст подписей пока что нет. Есть три пути, как можно это исправить:

1)      Задать размер текста в единицах измерения vw, а не rem или em.

2)      Изменять размер текста в подходящих точках перехода с помощью запросов @media.

3)      Использовать запрос @media, чтобы полностью спрятать подписи, когда окно браузера слишком маленькое.

В этом случае выбран второй вариант:

@media screen and (max-width: 500px) { 
        figure.slider figure figcaption {
                font-size: 1.2rem;
        }
}

В результате получаем следующее:

Варианты

Также можно сделать подписи невидимыми по умолчанию, хотя бы до того момента, как пользователь наведет указатель мыши на изображение:

 

figure.slider figure figcaption {
        position: absolute;
        bottom: -3. 5rem;
        background: rgba(0,0,0,0.3);
        color: #fff;
        width: 100%;
        font-size: 2rem;
        padding: .6rem;
        transition: .5s bottom;
}
figure.slider figure:hover figcaption {
        bottom: 0;
}

Это перенесет подпись из-под каждого изображения. Однако когда галерея перейдет к следующему изображению, элемент подписи фигуры для следующего изображения еще не будет активен. Чтобы решить эту проблему, можно создать подобное объявления с использованием соседнего селектора:

figure.slider figure:hover + figure figcaption {
        bottom: 0;
}

Заключение

Хотя этот вариант и работает, в нем много повторений и избыточности кода. При помощи JavaScript, например скрипта CSSslidy, можно устранить этот недостаток.

Использованы фотографии Trey Ratcliff , лицензированные по лицензии Creative Commons.

Автор урока Dudley Storey

Перевод — Дежурка

Смотрите также:

Добавляем фото в HTML документ — Как создать сайт

Добавляем фотографию на HTML-страницу

Урок №5
Добавляем фото в HTML-документ

В этом уроке, мы рассмотрим способ добавления фотографии на HTML-страницу

.

Так как наша статья, из прошлого урока, рассказывала о снежном барсе, то и фотография будет его:

Вам нужно скопировать эту фотографию к себе на Рабочий стол, делается это так:

1. нажмите правой кнопкой мыши по фотографии
2. затем по строке: Сохранить изображение как…

Сохраните фото на Рабочий стол

На Рабочем столе у вас уже есть файл index.html, теперь там есть и фотография снежного барса, файл irbis.jpg

Для того чтобы вставить фото в HTML-страницу, существует тег <img>, у этого тега есть свойство (атрибут) src=" ", значением которого выступает адрес фотографии:

<img src="адрес фотографии">

Где:
<img> — тег, который указывает что здесь будет фотография,

src=" " — свойство тега <img>, которое указывает на адрес фотографии,
адрес фотографии — значение свойства src=" ", адрес фотографии.

Так как файлы index.html и irbis.jpg находятся в одной папке, а именно на Рабочем столе, то для того чтобы указать адрес файла irbis.jpg, достаточно просто написать его имя irbis.jpg

<img src="irbis.jpg">

Вставив этот код под заголовком <h2> </h2>, наш HTML-документ будет выглядеть так:

<html>
 <head>
  <title>Страница о снежном барсе</title>
 </head>
 <body>
  <h2>Снежный барс</h2>
  <img src="irbis.jpg">
  <p>
   Снежный барс (ирбис, ак барс) - крупное хищное млекопитающее из семейства 
   кошачьих. Обитает в горных массивах Афганистана, Бирмы, Бутана, Индии, 
   Казахстана, Киргизстана, Китая, Монголии, Непала, Пакистана, России, 
   Таджикистана и Узбекистана. Ирбис отличается тонким, длинным, гибким телом, 
   относительно короткими лапами, небольшой головой и очень длинным хвостом.
  
   Длина снежного барса вместе с хвостом составляет 200-230 см, вес до 55 кг.
   Окраска меха светлая, дымчато-серая с кольцеобразными или сплошными тёмными 
   пятнами.</p>
  <p>
   Охотится снежный барс, в основном, на горных козлов и баранов, также в его 
   рационе встречаются кабаны, фазаны и даже суслики. В силу труднодоступности
   местообитания вида, ирбисы до сих пор остаются малоизученными. Однако по 
   приблизительным оценкам их количество варьируется в районе около 10 тысяч 
   особей. По состоянию на 2013 год, охота на снежных барсов повсеместно
   запрещена.</p>
 </body>
</html>

Сохраните изменения в Блокноте, нажав на клавиатуре Ctrl + S или Файл > Сохранить.

Откройте файл index.html с помощью браузера, вы должны увидеть следующее.

Читать далее: Используем CSS в HTML-документе

Дата публикации поста: 7 февраля 2016

Дата обновления поста: 15 октября 2014

Навигация по записям

Создаем сайт с фотографиями. Личный опыт

На неделе был заказ создать фотосайт на WordPress. Поделюсь некоторыми особенностями, которые могут понадобиться и вам при создании/заказе подобного. Есть одна фишка, которая вам понравится.

На данный момент не могу, к сожалению, дать ссылку на него, т.к. еще не проиндексировался. Чуть позже выложу в портфолио на сайте.

Сайт создавался «под ключ», т.е. не только создать шаблон, но и настроить все плагины, написать начальные тексты и наполнить. Дальше клиент сам по ситуации.

Внимание! Новый апдейт полностью заточенной под SEO + PageSpeed темы для сайта WP Romb — максимально быстро и максимально удобно. Настрой под себя уникальный дизайн за пару минут и собирай тысячи трафика. Всё на русском + обновления + техподдержка.

Сейчас же коснемся вещей, которые могут вам понадобиться.

СодержаниеПоказать

Дизайн

Сразу был предоставлен psd-макет (формат Photoshop). Все разложено по слоям и верстать проще.

Макет вы можете найти бесплатно в сети (гуглим «free psd themplate»), либо заказываем у дизайнера.

Исходя из личного опыта и мнения — фон сайта должен быть темным (но не черным), а фон «тела» контента — светлым. Это чтобы фотографии выделялись и концентрировали внимание на себе.

Клик для увеличения

В данном случае был свободный в доступе макет.

В принципе, подобная цветовая гамма подойдет для сайтов про Майнкрафт на Андроид, или любых других сайтах, где будет много фото.

Техническая составляющая

Теперь пройдемся по функционалу.

Адаптивная верстка — чтобы нормально смотрелось на мобилах и планшетах. В нынешних реалиях — это стандарт. Был вариант сделать отдельный мобильный шаблон, чтобы он подгружался при заходе с мобильной ОС, но решили отказаться от этого варианта.

Миниатюра рубрики. Как такое сделать я ранее не писал, но в сети найдете без проблем решение. Эта штука нужна была в шаблоне для Главной страницы (скрин выше макета видим, чтобы упростить навигацию по рубрикам фото). Кроме того, вторая миниатюра рубрики и второе название рубрики выводится здесь:

Это уже нюансы конкретно данного сайта и его юзабельности.

Ввиду того, что обычных записей на сайте нет (это одна из фишек, о которой ниже), то оптимизируются рубрики по Этой статье. Т.е. трафик собирается именно благодаря рубрикам и их оптимизации. Отдельные статьи появятся потом.

Т.к. сайт с фото, то логично привлекать социальный трафик! Для побуждения расшаривания записей была сделана такая штука. Только форма подписки не ставилась, а были выставлены эти кнопки социалок. Соответственно, в своем дизайне.

Плагины:

• Image Watermark — ставим на каждое фото опознавательный знак, откуда фото «стибрено». Настроек не много и все очень просто. Достаточно добавить своей фото с названием сайта.

Клик для увеличения

• Responsive Lightbox — всплывающее фото с затемненным фоном. Вначале хотел поставить этот скрипт, но потребовались более гибкие настройки из админки. Тут настройки по дефолту. Дальше уже каждый сам для себя может выбрать эффект из представленных.
• WP Smush — для оптимизации загружаемых фото. О плагине и его настройках писал Петр.
• WP-PostRatings — для рейтинга каждого фото. На первом скрине вы могли видеть звездочки. Аккурат они выводятся этим плагином под WordPress. Главное не забудьте поставить галочку на Enable Google Rich Snippets?

Остальные плагины стандартные:

• Akismet — антиспам для комментариев.
• RusToLat — автоматический транслит ссылок.
• Yoast SEO — оптимизация страниц сайта, в том числе рубрик, о чем могли читать выше.

Фишка сайта

Ввиду особенностей сайта (много фото), то создавать под каждую фотографию запись не логично, а вывод галереей не позволяет дать каждой записи рейтинг, который потом можно сортировать фильтрами (или я еще не умею такого делать), то сделано так!

Для каждой рубрики собирается N-количество фоток (в данном случае 100+) и загружается пачкой через Медиафайлы:

А чтобы эта «пачка фоток» попадала автоматически в нужную рубрику — был написан код, который позволял выбирать в какую рубрику загружать очередную «пачку»:

Клик для увеличения

Под стрелкой выпадающий список с наименованием рубрик. Выбираем в которую «заливать» и автоматически создаются записи под этой рубрикой. При этом на странице рубрики фото представлены в миниатюрах, а по клику всплывают в лайтбоксе, т.е. нет перехода на запись. Их можно оценивать «звездочками».

Т.е. не нужно придумывать каждой фото текст, оптимизировать. Достаточно залить под нужную рубрику и все.

Индексация поисковиками записей

Тут на самом деле все просто.

Понятное дело, нам не нужно, чтобы записи с фото индексились поисковиками, т.к. там нет текста и meta seo полей. Поэтому просто прикроем их на индекс.

Это можно сделать Так (раскоментить нужно is_single()) или Так (признаком будет название рубрики в ЧПУ).

Прочее

Ввиду того, что это не сайт с художественным фото, где качество имеет важное значение, то не использовался Этот хак.

И по поводу наполнения сайта фото

Мне впервые пришлось таким заниматься — наполнять фото. Найти сами фотки не проблема — гугл в помощь. Парсер дольше настраивать в данном случае, да и одноразовая работа.

Пригодилась бесплатная программа AntiDupl.NET. При помощи нее легко найти дубли картинок/фото. Настроек минимум — пользы максимум!

Поделитесь своим опытом создания фотосайта. Буду рад узнать что я упустил из виду.

49 CSS-галерей

HTML и CSS-отзывчивые изображения / галерея фотографий: flexbox, grid, lightbox, с эскизами и т. Д. Обновление коллекции за март 2019 года. 10 новых примеров.

1. Bootstrap Галереи
2. jQuery Галереи

Автор

• Таниша Дж.
• 12 марта 2020 г.

О коде

Сетка ромбовидной формы

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

Адаптивный: нет

Зависимости: —

Автор

• Русс Перри
• 22 января 2020 г.

О коде

Фотогалерея

Фотогалерея в стиле кладки.

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

отзывчивый: да

Зависимости: —

Автор

• Ана Тудор
• 21 января 2020 г.

О коде

Улей Фотогалерея Сетка

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

отзывчивый: да

Зависимости: —

О коде

Галерея Gritty Grid

Быстрая идея использовать CSS Grid для отображения галереи изображений.Наведите / щелкните, чтобы развернуть.

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

отзывчивый: да

Зависимости: —

Автор

• Людмила Третьякова
• 10 декабря 2019 г.

О коде

Зимняя галерея

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

Адаптивный: нет

Зависимости: —

О коде

Галерея ромбов на сетках

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

отзывчивый: да

Зависимости: —

Автор

• Малайка Иштиак
• 27 июля 2019 г.

О коде

Изометрическая галерея моды

Эксперимент по тестированию концепции изометрического макета электронной коммерции.

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

Адаптивный: нет

Зависимости: —

О коде

Размытие по каплям

Только CSS-галерея с эффектом размытия при падении.

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

отзывчивый: да

Зависимости: —

Автор

• Mert Cukuren
• 7 марта 2019 г.

О коде

Галерея

Галерея с эффектом наведения.

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

отзывчивый: да

Зависимости: —

Автор

• Габриэла Джонсон
• 28 февраля 2019 г.

О коде

Галерея шестиугольников

CSS только шестиугольная галерея.

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

Адаптивный: нет

Зависимости: —

Автор

• Дэниел Субат
• 23 января 2019 г.

О коде

Галерея аккордеонов Zoom Animation

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

отзывчивый: да

Зависимости: —

О коде

Галерея кладки

Галерея кладки адаптивных сеток CSS.

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

отзывчивый: да

Зависимости: —

Автор

• Питер Бисеманс
• 9 ноября 2018 г.

О коде

Адаптивная галерея на чистом CSS

Устали писать JavaScript? Написали ли вы свою долю событий jQuery onclick ? Не отчаивайтесь! Ведь вы можете создать адаптивную галерею только на HTML и CSS.Все, что вам нужно, это несколько ярлыков и немного экзотического CSS. Радоваться, веселиться!

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

отзывчивый: да

Зависимости: —

Сделано с

• HTML (Мопс) / CSS (Меньше) / JavaScript

О коде

Галерея

Галерея каменной кладки с эффектом прокрутки.

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

отзывчивый: да

Зависимости: —

О коде

Сетка адаптивной фотогалереи с лайтбоксом — без скрипта

Адаптивная фотогалерея дополнена эффектами лайтбоксов.Используйте CSS Grid и Flexbox и не используйте скрипт. Использование целевого свойства .

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

отзывчивый: да

Зависимости: —

Сделано с

• HTML (Мопс) / CSS / JavaScript

О коде

Простота

Простая галерея в HTML, CSS и JS.

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

отзывчивый: да

Зависимости: —

Автор

• Кэтрин Като
• 11 сентября 2018 г.

Сделано с

• HTML / CSS (SCSS) / JavaScript

О коде

Галерея продукции

Минимальная страница с одним продуктом, созданная с помощью CSS Flexbox и ванильного JavaScript.

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

отзывчивый: да

Зависимости: 12columns.scss, onicons.css

Автор

• лукас лимонье
• 8 сентября 2018 г.

О коде

Горизонтальный слайдер в сетку галереи

Полностью адаптивная сетка с потрясающим мобильным UX с использованием одного медиа-запроса и двух строк кода.

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

отзывчивый: да

Зависимости: —

О коде

Галерея сезонов

Галерея изображений на чистом CSS.

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

отзывчивый: да

Зависимости: —

Сделано с

• HTML / CSS (SCSS) / JavaScript

О коде

Всплывающая / накладываемая галерея

Это дизайн всплывающего оверлея для вашего портфолио! Подробно отображайте свои проекты / работы одним нажатием кнопки.

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

Адаптивный: нет

Зависимости: —

О коде

Галерея изображений

Галерея изображений Parallax с использованием рисунка и рисунка и рисунка figcaption .

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

отзывчивый: да

Зависимости: rellax.js

Автор

• Кэтрин Като
• 10 мая 2018 г.

О коде

CSS Галерея

Галерея изображений, созданная с помощью flexbox и CSS grid .

О коде

Tumblr Фотосетка / Фотосет

Фотосетка / фотосет Tumblr с flex-box вместо JavaScript.

О коде

Адаптивная галерея изображений на чистом CSS с сеткой CSS

Вот одна из галереи изображений, в которой вы выбираете img , который хотите показать в центре. Макет стал возможным с помощью CSS grid . При переключении на меньшее окно просмотра вы получите другой опыт, который стал возможным за счет изменения grid-template-columns и grid-template-rows .

Автор

• Михал Невитала
• 15.09.2017

Сделано с

• HTML / Haml
• CSS / Sass
• JavaScript / CoffeeScript (jquery.js, magnific-popup.js)

О коде

Великолепная галерея

Хорошая адаптивная галерея с: столбцами CSS, наведением курсора, заголовком при наведении, великолепным всплывающим скриптом, эффектом увеличения.

Сделано с

• HTML
• CSS
• JavaScript (jquery.js)

О коде

Gmail Галерея изображений Анимация

Анимация галереи изображений с HTML, CSS и JS.

О коде

Галерея с прокруткой и зацикливанием

Прокрутка и зацикливание галереи. Ванильный HTML / CSS / JS. События без касания.

Сделано с

• HTML
• CSS
• JavaScript (jquery.js)

О коде

Фотогалерея

Просматривайте галерею, щелкая по окнам.

О коде

Галерея изображений амурского леопарда с CSS Vars

Щелкните кнопку информации в правом нижнем углу. 😼 Только для WebKit, потому что другие браузеры плохо поддерживают использование calc () вместо чего-либо, кроме значений длины.

Демо-изображение: Галерея портфолио

Галерея портфолио

Галерея портфолио HTML, CSS и JavaScript.
Сделал Танмой Бисвас
14 февраля 2017 г.

Демонстрационное изображение: Галерея изображений HTML и CSS

Галерея изображений HTML и CSS

Галерея изображений с увеличением.
Сделано wunnle
3 февраля 2017 г.

Демонстрационное изображение: Галерея CSS 3D преобразований

Галерея CSS 3D преобразований

Галерея 3D-преобразований с вращением куба.
Сделано Лориной Гуси
30 января 2017 г.

Автор

• Артур Камара
• 14 января 2017 г.

Сделано с

• HTML / Мопс
• CSS / Стилус
• JavaScript / Babel

О коде

Эффект наведения на галерею

Галерея эффектов наведения и расширена.

Демонстрационное изображение: Photobox

Photobox

Photobox — это эволюция, новое поколение UI и UX кода галереи.
Сделано Яир Эвен Ор
4 января 2017 г.

Демонстрационное изображение: Travel Gallery

Travel Gallery

Галерея путешествий с flexbox и CSS-анимациями / переходами.
Сделано Шоном Фри
2 января 2017 г.

Демонстрационное изображение: выдвижная прокручиваемая галерея

Выдвижная прокручиваемая галерея

Галерея, показывающая три панели при прокрутке пользователем.
Сделано Тиганом Линкольном
1 января 2017 г.

Демонстрационное изображение: Светоотражающая стена фотогалереи

Светоотражающая стена фотогалереи

Эксперимент с отражающей стеной фотогалереи с HTML, CSS и JavaScript.
Сделано Шоном Рейснером
21 октября 2016 г.

Демонстрационное изображение: Галерея четырех изображений

Галерея четырех изображений

Переходная галерея на четыре изображения.
Сделано Дадли Стори
14 октября 2016 г.

Демонстрационное изображение: Галерея с эффектом перехода волны

Галерея с эффектом перехода волны

Внутри 24 изображения с разрешением 1920×1080, поэтому загрузка может занять секунду.Хотя выглядит круто. Не стесняйтесь экспериментировать с переменными (время перехода и задержки). Вы можете изменить количество изображений. Просто измените переменные в scss и js. Кроме того, если вы хотите добавить новые картинки, просто добавьте URL-адрес картинки в массив js.
Изготовил Кирилл Киютин
9 сентября 2016 г.

Демо-изображение: Галерея портфолио

Галерея портфолио

Галерея портфолио с HTML, CSS и JavaScript.
Сделано Срджаном Пайдичем
2 июня 2016 г.

Сделано с

• HTML
• CSS (folio.css)
• JavaScript (folio.js)

О коде

Folio.Transitions

Нестандартные переходы между страницами и разделами с помощью Foliodot.

Демо-изображение: Галерея материалов Google Фото

Галерея материалов Google Фото

Ванильный плагин для фотогалереи javascript, вдохновленный Google Фото.
Сделано Ettrics
24 января 2016 г.

Демонстрационное изображение: Rollover CSS Blur Filter Image Gallery

Rollover CSS Blur Filter Image Gallery

Использование переходов и преобразований CSS и фильтра размытия CSS.
Сделано sjmcpherson
18 января 2016 г.

Демонстрационное изображение: Фотогалерея

Фотогалерея

Фотогалерея HTML, CSS и JavaScript.
Сделано Чарли Хилдом
29 октября 2015 г.

Демонстрационное изображение: отразить галерею изображений с содержимым

Отобразить галерею изображений с содержимым

Переворот анимационного изображения со скрытым предварительным просмотром.
Автор Олег Исаков
11 октября 2015 г.

Демо-изображение: Доступная галерея сеток вне холста

Доступная галерея сеток вне холста

Доступная галерея в стиле сетки с прототипом деталей изображения вне холста с управлением фокусом и поддержкой клавиатуры.
Сделано Джо Уоткинсом
13 июня 2015 г.

Демонстрационное изображение: Галерея с разделенным экраном

Галерея с разделенным экраном

Галерея с разделенным экраном для рассказа истории или показа слайд-шоу.
Сделано Эдуардо Бусасом
20 мая 2015 г.

Демонстрационное изображение: Вертикальная галерея

Вертикальная галерея

Просто вертикальная галерея во всю ширину. Контент с описанием переключателя.
Изготовлено Элизабет Оливейра
12 октября 2014 г.

Демонстрационное изображение: Галерея изображений 3D с наклонной прокруткой

Галерея изображений с наклонной прокруткой 3D

Вот красивая трехмерная галерея изображений с наклонной прокруткой, реализованная с помощью jquery Пита Рожвонгсурия.подключаемый модуль tilted-pagescroll.
Сделано Себастьяном Шеписом
19 июня 2014 г.

5 способов использовать фотогалерею для вашего веб-сайта

Привлекательная фотогалерея для вашего веб-сайта имеет решающее значение для вашего онлайн-бизнеса. Он превращает ваш веб-сайт в динамическую платформу, которая привлекает посетителей и успешно конвертирует и удерживает клиентов.

Не верите? Исследования показали, что когда мы взаимодействуем с информацией, к которой прикреплен визуальный элемент, мы, вероятно, сохраним 65% ее через 3 дня.
Это в отличие от всего лишь 10% информации, когда она отсутствует в сопроводительных изображениях.

Если вы ищете простой и практичный способ визуально представить свою работу, галереи изображений — отличный, почти интуитивно понятный выбор.

При поддержке видеохостинга Cincopa.

Вот пять наиболее эффективных способов использования фотогалереи на своем веб-сайте:

1. Визуальное представление

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

Вам не нужно нанимать программиста для создания фотогалереи для вашего сайта. Cincopa поддерживает вас; мы предлагаем сотни профессиональных шаблонов, отвечающих различным потребностям бизнеса.Некоторые невероятные параметры веб-сайта галереи изображений включают слайд-шоу HTML, адаптивную фотогалерею, сетку изображений и многие другие шаблоны. Их можно полностью настроить с помощью мастера Cincopa и встроить в ваш веб-сайт за пару кликов, скопировав и вставив HTML-код фотогалереи. Еще один простой способ встраивания галереи — это установка плагина или виджета фотогалереи, разработанного Cincopa специально для вашей системы управления контентом (CMS).

2. Продвижение бренда

Размещение фотогалереи на вашем веб-сайте может значительно сделать ваш бренд узнаваемым.Визуально привлекательная фотогалерея в формате HTML с логотипом или водяным знаком вашего бренда имеет больше шансов произвести неизгладимое впечатление, чем текст, нацеленный на то же самое. Связывая привлекательные изображения и фотографии со своим брендом, вы можете значительно повысить свой бизнес.

Фирменные галереи привлекают потенциальных клиентов и мотивируют их узнать больше о вашем бизнесе. Вы можете прикрепить собственный URL-адрес к логотипу или водяному знаку в своей галерее изображений, тем самым направляя любого, кто нажимает на него, на конкретную целевую страницу на вашем веб-сайте.

3. Производство свинца

HTML-фотогалереи делают гораздо больше, чем просто отображают изображения на вашем сайте. Lead Generator — еще один замечательный маркетинговый инструмент, предоставляемый Cincopa, который повышает ценность вашего бизнеса. Если вы хотите собирать личную контактную информацию посетителей сайта, вы можете активировать этот инструмент в своей фотогалерее. Любой, кто просматривает слайды с изображениями, увидит всплывающую форму, где они могут указать свое имя и адрес электронной почты. Эту информацию можно сохранить непосредственно в ваших списках рассылки и использовать для отправки персональных сообщений или специальных предложений.

Чтобы максимизировать поток потенциальных клиентов, вы можете заблокировать свой контент после нескольких первых слайдов и сделать форму генерации лидов непропускаемой. В этом случае каждый должен будет указать свои контактные данные, чтобы иметь возможность просмотреть всю фотогалерею.

4. Реклама

Объявления

могут отлично выглядеть на веб-сайте вашей фотогалереи и одновременно использоваться в качестве дополнительного источника дохода. В наши дни вам необходимо полностью контролировать свою рекламу, чтобы различные расширения браузера, блокирующие рекламу, не снижали ваш доход.Таким образом, интеграция медийной рекламы с фотоконтентом становится идеальной альтернативой для любого бизнеса.

Если вы все еще думаете, что размещение рекламы — это технически сложная задача, вы удивитесь, насколько легко можно создать фотогалерею с рекламой на основе готового к использованию шаблона, такого как слайдер Cincopa WOW. Этот полностью настраиваемый шаблон фотогалереи позволяет загружать неограниченное количество баннеров и изображений, а также добавлять кнопки призыва к действию с настраиваемыми ссылками.Кроме того, WOW Slider отлично смотрится во всех браузерах и работает без сбоев на настольных мобильных устройствах и .

5. Улучшение вашего веб-сайта с помощью поиска изображений Google и Bing

Популярные поисковые системы, такие как Google и Bing, предоставляют специальные возможности, с помощью которых каждый может найти готовые изображения в Интернете. Когда пользователи вводят определенные ключевые слова, они обнаруживают связанные изображения, связанные с определенными веб-страницами. Как это произошло? Поисковые роботы могут читать только текст, но при сканировании любой веб-страницы они связывают встроенные изображения с ключевыми словами и метаданными.Чем больше изображений и фотогалерей на вашем сайте, тем больше вероятность того, что пользователи найдут его в поиске Google и Bing.

Как создать фотогалерею для вашего сайта

Joomla! также пользуется большой популярностью; Благодаря постоянно растущей базе пользователей программа входит в тройку наиболее часто используемых систем управления контентом в мире. Joomla! пользователи могут рассчитывать на огромное сообщество, а также на большой пул расширений и плагинов.

sigplus

Simple Image Gallery Plus — или для краткости sigplus — по существу делает именно то, что написано на банке: поддерживает пользователей в создании простой галереи изображений .Оптимизированный плагин для создания слайд-шоу специально создан и особенно подходит для небольших домашних страниц и галерей с управляемым количеством изображений. Неопытные пользователи извлекают выгоду из простого и интуитивно понятного управления. В расширенном режиме опытные пользователи могут использовать более обширные настройки для эскизов, кэширования и многого другого. Плагин является бесплатным и может быть загружен с сайта Joomla! Каталог расширений.

Phoca Gallery

Phoca Gallery — еще одна бесплатная программа, хотя она предлагает гораздо больший набор функций, чем sigplus.Phoca позволяет создавать фотогалереи для Joomla! веб-сайты, в частности. Хотя программа более обширна, чем ее конкурент sigplus, она не так интуитивно понятна в работе. В частности, новичкам требуется некоторое время , чтобы ознакомиться со всем набором функций и принципами их работы. Однако как только вы приступите к работе, программа может похвастаться множеством практических функций в дополнение к обычным основным функциям, включая водяные знаки и параметры загрузки. Бесплатное расширение можно найти на официальном сайте Joomla!, А на сайте разработчика обширная документация и дополнительные модули и плагины для Phoca Gallery.

SIGE — Simple Image Gallery Extended

Плагин SIGE (Simple Image Gallery Extended) предоставляет еще одну возможность интеграции галерей изображений в Joomla! Веб-сайт. Этот плагин галереи постоянно обновляется и улучшается большим Joomla! сообщество. Среди его функций — так называемый турбо-режим , который позволяет пользователям загружать большие изображения и галереи изображений без длительного времени загрузки и негативного влияния на производительность веб-сайта.Дополнительные функции (например, вызов параметров, водяные знаки, отображение списка, интеллектуальная сортировка на сервере) составляют лишь небольшую часть, казалось бы, бесконечного индекса расширений, как вы можете видеть здесь. Пользователи могут загрузить плагин из Joomla! Веб-сайт.

Photo Gallery от Supsystic — плагин для WordPress

Плагин

Photo Gallery WordPress от Supsystic — лучший способ создать адаптивные медиа-галереи и альбомы на вашем веб-сайте.

Типы галерей

Проверить все типы галерей

Основные характеристики

• Стили галереи с полной настройкой: тень, рамка, заголовок и значки
  Плагин WordPress Gallery от Supsystic дает вам универсальность для создания любого типа галереи.Выберите пресет тени и установите цвет и толщину по своему усмотрению. Выделите изображения. Используйте разные типы границ, добавьте описание фотографии и значок к каждому изображению галереи.

• SEO Friendly
  Задайте заголовок и описание медиафайлов галереи, чтобы сделать вашу галерею удобной для SEO.

• Адаптивная поддержка мобильных устройств

• Кнопка «Загрузить еще» , разбивка на страницы и Ленивая загрузка

• Социальный обмен
  Мы интегрировали наш плагин Social Share Buttons с галереей.Теперь вы можете делиться фотографиями, получать лайки от своих подписчиков в Facebook, Pinterest, Twitter или в любой другой социальной сети. Оставайтесь на связи со своей аудиторией!

• Водяной знак
  Защитите свои фотографии от кражи и сделайте их уникальными с помощью водяных знаков (функция PRO). Вы также можете отразить логотип вашей организации на каждой фотографии, чтобы создать фирменную галерею.

• Опции CDN , Сжатие и оптимизация изображений .
  Функция передачи в CDN может поддерживать и увеличивать скорость загрузки изображений.
  Сжатие и оптимизация изображений ускоряют работу вашего веб-сайта и улучшают качество обслуживания посетителей.

• Добавление изображений в галерею с FTP и социальных сетей

Видеоурок по настройке фотогалереи с помощью Supsystic

Поддержка

Задайте свои вопросы на форуме поддержки или свяжитесь с нами напрямую.

Перевести фотогалерею с помощью Supsystic на ваш язык

У вас есть невероятная возможность получить PRO версию фотогалереи бесплатно.Просто переведите фотогалерею через плагин Supsystic!
* арабский
* китайский
* чешский
* голландский
* английский
* финский
* французский
* французский Канада
* греческий
* итальянский
* японский
* польский
* португальский (Бразилия)
* португальский (Португалия)
* Русский
* Испанский
* Турецкий

• Фотогалерея демо. Простота настройки, отзывчивость и совместимость со всеми мобильными устройствами.
• Выберите необычный стиль для вашей фотогалереи с возможностью персональной подписи и анимации.Невозможно выбрать один эффект для подписи — выберите сразу несколько!
• 1. Опция горизонтальной прокрутки позволяет прокручивать содержимое по горизонтали влево или вправо. Задайте атрибуты и используйте опцию множественной фильтрации с раскрывающимся списком и поиском. Добавить пользовательскую кнопку со ссылкой на изображения.
• Галерея Polaroid с категориями.
• Галерея каналов сообщений — еще никогда не было так просто отображать сообщения, страницы или любой контент в потрясающем представлении галереи каналов сообщений.
• Галерея двухсторонних изображений. С опцией «Изображение при наведении» вы можете представлять и рекламировать товары на своем веб-сайте вдвое эффективнее.
• Показать метаданные EXIF ​​для изображений, сделанных на камеру. Подойдет опытным фотографам.
• Видео галерея с иконками. 10.Загрузить больше. Отображение галереи наиболее интуитивно понятным способом, сохраняя при этом полный объем изображений, которые могут потребоваться некоторым посетителям. Увеличьте скорость загрузки страницы!
• С помощью Social Sharing вы можете распространять фотографии со своими подписчиками на Facebook, Pinterest, Twitter или в любых других социальных сетях.Добавьте водяной знак на каждое изображение в своей галерее, и вы защитите свои фотографии от кражи или создадите брендинг для своей галереи.
• Админка плагина фотогалереи. Список изображений. Добавляйте изображения, ссылки, теги, ключевые слова, категории, атрибуты, мета, выбирайте эффекты подписи и другие.
• Админка плагина фотогалереи. Основная вкладка. Выберите один из профессиональных шаблонов галереи изображений и управляйте любым аспектом галереи с помощью простых в использовании параметров.
• Админка плагина фотогалереи. Вкладка «Подписи и значки».Создайте впечатляющую галерею с иконками и фантастическим эффектом подписи.

Первая фотогалерея пользователя Supsystic

Наш плагин перегружен различными функциями и возможностями, поэтому вы можете посмотреть руководство Как создать свою первую медиа-галерею WordPress
, чтобы научиться создавать фотогалерею за пару минут.

Как импортировать изображения в галерею через плагин Supsystic?

Чтобы добавить изображения в галерею, нажмите кнопку «Добавить изображения».
Здесь вы можете импортировать изображения через:
* Facebook
* Flickr
* FTP-сервер
* Google Диск
* Instagram
* Поместите iframe в параметры видео
* Tumblr
* WordPress Media Library

Выберите существующую фотографию или загрузите новую. Также вы можете выбрать сразу несколько фотографий.
После выбора фотографий нажмите «Выбрать изображение».

Здесь вы можете увидеть всех методов импорта.

Как добавить медиа-галерею в контент сайта?

Вы можете добавить медиа-галерею с помощью шорткода или кода PHP :

1. Скопируйте шорткод, который находится под миниатюрой галереи, и вставьте в свое сообщение или страницу.Галерея от Supsystic автоматически создаст галерею на вашей странице.

2. Кроме того, вы можете использовать кнопку «добавить шорткод» в редакторе WordPress. Все, что вам нужно, это перейти на страницу или опубликовать, в которую вы хотите вставить галерею, и нажать кнопку шорткода в визуальном редакторе — «Добавить галерею». Затем выберите нужную галерею и нажмите «Выбрать» — в редакторе появится шорткод.

3. Код

   Php можно вставить в любое место кода страницы — для отображения именно в этом месте, например в верхнем или нижнем колонтитуле страницы.Кроме того, его можно вставить в код шаблона темы — для отображения на всех страницах.

Есть ли оптимизация изображения для фотогалереи?

Хороший рабочий процесс оптимизации изображений — одна из самых простых вещей для реализации, особенно с функциями плагина Photo Gallery:

• Функция оптимизации изображений , интегрированная с сервисом TinyPNG, уменьшает размер изображений. Это позволяет сэкономить трафик и ускорить загрузку галереи, что значительно ускоряет работу вашего сайта.
• Загрузить больше Функция позволяет сначала отображать несколько фотографий, а остальные фотографии можно загружать по частям. Это улучшает скорость загрузки страницы так же хорошо, как разбиение на страницы.
• Функция разбивки на страницы позволяет отображать изображения на нескольких страницах, что также ускоряет время загрузки и упрощает просмотр галереи для пользователей.
• Ленивая загрузка Функция — отличный способ сократить время загрузки и отобразить весь контент сразу. Используя этот параметр для галерей изображений и видео, мы уменьшаем время и вес начальной загрузки страницы, а также использование системных ресурсов в целом, что положительно влияет на производительность.
• Также мы предоставляем вам возможность перенести ваши галереи в CDN.

Нужно ли мне иметь навыки программирования, чтобы использовать Photo Gallery?

Абсолютно нет. Вы можете создавать и настраивать красивые галереи изображений и видео без каких-либо знаний в области программирования. Мы сделали это очень просто.

Будет ли этот плагин галереи работать с моей темой?

Да, Photo Gallery — популярный и хорошо зарекомендовавший себя плагин галереи WordPress, который существует уже давно.Он будет хорошо работать с большинством других тем и плагинов WordPress.

Удобны ли галереи для мобильных устройств?

Да, мы много поработали над этим. Фотогалереи отзывчивы и хорошо смотрятся на экранах разных размеров.
Адаптивный режим в плагине Photo Gallery включен по умолчанию.

Как добавить водяной знак к моим фотографиям?

Используя Gallery от Supsystic, вы можете добавить водяной знак на каждое изображение в вашей галерее.Это поможет вам защитить ваши фотографии от кражи и сделать их уникальными в Интернете.
Для создания Галереи с водяными знаками вам необходимо:

1. Перейдите на вкладку «Водяной знак» и включите ее.
2. Выпадающий список «Показать водяной знак» поможет вам выбрать, где вы хотите отображать водяной знак — только во всплывающих изображениях / эскизах изображений галереи или в обоих вариантах.
3. Загрузите изображение для своей галереи водяных знаков.
4. Установите поле в пикселях для размещения водяного знака.
5. Выберите размещение водяного знака на изображениях галереи с помощью параметра «Положение».
6. Повернуть — вы можете выбрать уровень поворота водяного знака.
7. Прозрачность — еще один параметр внешнего вида изображения водяного знака, может быть установлен в процентах.

«Photo Gallery by Supsystic» — это программа с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

Галерея 1.14.10 / 15.09.2020

Галерея 1.14.9 / 29.07.2020

• Добавить исправление для TWIG (только для обновления до последней версии PRO)

Галерея 1.14.8 / 23.06.2020

• Добавить исправление для кнопок социальных сетей
• Добавить исправление для социальных иконок
• Создать универсальную библиотеку TWIG для супсистических плагинов
• Добавить исправление для TWIG

Галерея 1.14.7 / 23.04.2020

• Добавить поддержку WP 5.4
• Изменить шлюз сервера
• Добавить поддержку PHP 7.4
• Добавить исправление для более старой версии php 5.3.2 с пустым методом
• Добавить исправление для oceanwp-theme

Галерея 1.14.6 / 23.01.2020

• Исправление мелких проблем
• Удалить код PHPmailer
• Проблема с подписью на моб.
• улучшений для Mosaic

Галерея 1.14.5 / 27.11.2019

Галерея 1.14.4 / 19.11.2019

• Исправление для Polaroid на мобильном телефоне
• Исправление мелких проблем

Галерея 1.14.3 / 06.11.2019

Галерея 1.14.2 / 23.10.2019

• Исправление лайтбокса для мобильных устройств
• Исправление кнопки полноэкранного режима
• Исправление списка тем для лайтбоксов

Галерея 1.14.1 / 09.10.2019

• Добавлены исправления для адаптивного типа галереи модов: фиксированный, вертикальный, горизонтальный, фиксированные столбцы, мозаика
• Добавить исправление для счетчика мозаики align
• Исправление для лайтбокса на мобильном телефоне

Галерея 1.14.0 / 25.09.2019

• Добавить исправление для init easing.js
• Миниатюра фиксированной мозаики с водяными знаками
• Добавить исправление для адаптивного режима CSS
• Исправление для горизонтальной прокрутки

Галерея 1.13.9 / 11.09.2019

• исправление для вертикальной галереи и категории
• Фиксированная высота / ширина gif
• Фиксированная разбивка на страницы с мозаикой
• Исправление для изображения при наведении
• Исправление мелких проблем

Галерея 1.13.8 / 20.08.2019

• Исправлена ​​проблема с горизонтальным откликом
• Фиксированная тень для предварительного просмотра
• Исправлена ​​ошибка регулярного выражения настроек mysql 8.0
• Исправлена ​​проблема с полем перетасованной анимации
• Временное отключение суффлов для значков с проблемами категорий
• Добавить всплывающую подсказку к проблеме со значком вниз

Галерея 1.13.7 / 26.06.2019

• Добавить Включить кнопку загрузки фотографий
• Добавить опцию обновления водяного знака
• Исправление мелких проблем

Галерея 1.13.6 / 29.05.2019

• Исправить конфликт с другими скриптами Colorbox
• Исправления для стиля Polaroid
• Исправить кнопку закрытия в полноэкранном всплывающем окне
• Добавлена ​​высота в процентах для элементов подписи
• Добавлены настройки по умолчанию для Polaroid Style
• Исправление мелких проблем

Галерея 1.13.5 / 13.05.2019

• Исправление для персонального зависания и ленивой загрузки
• Исправить поле заголовка
• Добавлены ссылки сохранения только для Google drive
• Добавлен mimeType = image / gif для импорта с Google диска
• Исправление для горизонтальной прокрутки на мобильных устройствах
• Исправление мелких проблем

Галерея 1.13.4 / 23.04.2019

• Fix: Исправить ошибку загрузки больше
• Fix: Исправление для горизонтальной прокрутки
• Исправление: фиксированный стиль поляроида
• Исправление мелких проблем

Галерея 1.13.3 / 01.04.2019

• Исправление шрифтов Google для старых версий Pro
• Исправление мелких проблем

Галерея 1.13.2 / 27.03.2019

• Добавлена ​​опция «Гибкая высота» для категорий
• Обновленный перевод ИТ
• Большие файлы объявлений перемещены на сервер cdn
• Исправить перевод FR
• Добавить ссылку на видео документацию
• Добавлены эффекты для Lazyload
• Удалить загрузчик шрифтов Google
• Исправление мелких проблем

Галерея 1.13.1 / 25.02.2019

• Исправление мелких проблем
• Проверка кода

Галерея 1.13.0 / 20.02.2019

• Разрешен поиск в любом формате дела
• Добавлена ​​возможность отображать все HTML-теги в поле подписи
• Обновление скриншотов
• Переключить библиотеку Froogaloop для Vimeo Player на новый Player.JS
• Фиксированные категории с анимацией перемешивания
• Кнопки навигации с фиксированным центрированием для полноэкранных галерей
• Добавить интеграцию списка изображений галереи с плагином Translate by Supsystic
• Добавлены стандартные шрифты и отображение семейства шрифтов в превью
• Добавлены исправления Adverts Pro
• Исправлены эскизы для анимированных гифок
• Добавить многоколоночный макет для мозаики и исправить категории
• Исправление высоты контейнера галереи с помощью FixedColumns и LazyLoad
• Оптимизация кода
• Изменить цену в настройках
• Добавить новые макеты для Mosaic

Галерея 1.12.9 / 09.01.2019

• Исправление изменения размера изображения при изменении размера окна
• Обновление применения параметров высоты и положения в Caption Builder
• Изменены учетные данные Google
• Изменить стиль кнопки входа в Google
• Фиксированная загрузка еще с режимом категории «Только все выбрано»
• Фиксированный поиск категории только для всех выбранных опций
• Исправление мелких проблем

Галерея 1.12.8 / 10.12.2018

• Исправить проблему с автоматическим обновлением таблиц в движке wp
• Исправленные социальные проблемы
• Отключить загрузку всех изображений при наведении
• Фиксированное расстояние для горизонтальной прокрутки
• Предотвратить ошибку js, установить стиль по умолчанию
• Удален неиспользуемый код
• Высота блока фиксированной фигуры с отложенной загрузкой
• Добавить возможность добавлять атрибуты no opener и noreferrer к ссылкам галереи
• Добавлена ​​новая возможность (загрузить больше с категорией)
• Исправленные ошибки, оптимизация кода
• Исправлена ​​загрузка дополнительных ошибок
• Фиксированный вызов профессиональных методов в бесплатном плагине
• Исправлена ​​ошибка сохранения администратора в WordPress 5 Gutenberg
• Исправлено изменение размера всплывающего окна
• Исправление изменения размера изображения при изменении размера окна
• Добавление высоты в Caption Builder
• Исправлена ​​ошибка уведомления и подсчета для загрузки большего количества сообщений

Галерея 1.12.7 / 17.10.2018

• Исправить незначительную проблему с совместимостью с PHP 7.2 или выше
• Исправлено отображение галереи в админке
• Исправлен всплывающий значок
• Исправить LazyLoad для изображения при наведении курсора
• Фиксированный вход в Facebook
• Изменены данные API проекта Google
• Добавлены настройки для включения и отключения атрибутов во внешнем фильтре
• Исправлена ​​ошибка при неправильном цвете
• Обновить итальянский перевод
• Фиксированный процесс создания атрибута
• Исправление мелких проблем

Галерея 1.12.6 / 28.08.2018

• Исправление для Lazyload с категориями и другими загрузками
• Добавлена ​​опция запрета смены URL в браузере
• Интерфейс списка изображений изменен
• Добавлены настраиваемые атрибуты, фильтрация и поиск
• Исправить LazyLoad для двух галерей на странице
• Обновлен испанский перевод
• Отключить контекстное меню для лайтбокса
• Исправление мелких проблем

Галерея 1.12.5 / 08.08.2018

• Незначительные улучшения для просмотра списка галереи
• Добавлены файлы fontawesome в плагин
• Добавлена ​​поддержка параметра rel = 0 для ссылок на youtube

Галерея 1.12.4 / 24.07.2018

• Положение всплывающего окна центрирования
• Фикс при первом нажатии на ссылку лицензии
• Изменен вид списка галерей
• Фиксированный размер загружаемого изображения
• Исправить расположение кнопок во всплывающем окне для языков с письмом справа налево
• Добавлена ​​рамка для всплывающих окон в 6 всплывающих окнах
• Процесс установки Fix Multisite
• Добавлена ​​опция Включить множественный выбор для категорий
• Фиксированное положение границы всплывающего окна
• Добавлен выбор первого изображения из поста для Post Feed Gallery
• Удалены повторяющиеся всплывающие подсказки
• Исправлено положение изображения во всплывающем окне
• Добавить новую опцию: множественный выбор результатов
• Исправление для удаления
• Исправить наложения изображений с помощью отложенной загрузки
• Исправление мелких проблем

Галерея 1.12.3 / 03.07.2018

• Добавить параметры для изменения размера водяного знака
• Исправлена ​​работа опции Load More в связке с Категории
• Исправление мелких проблем

Галерея 1.12.2 / 21.06.2018

• Исправлено всплывающее окно с поворотом для «портретных изображений»
• Исправлен текст и стили меток в админке
• Улучшить страницу администратора
• Добавлена ​​позиция slimScroll на страницу администратора для восстановления позиции прокрутки после сохранения галереи
• Исправлена ​​совместимость LazyLoad с «Фиксированными столбцами»
• Исправлена ​​ошибка с пустыми местами в некоторых галереях мозаики
• Исправлен текст «Кнопка« Загрузить еще »» на «Загрузить еще».
• Удалена опция «Использовать старые значки и наложение» из Caption Builder
• Исправлена ​​опция «Мобильный — всегда показывать подпись».Теперь всплывающее окно открывается в один клик
• Улучшенный скрипт рендеринга «Строгое использование порядка изображений» для галереи мозаики
• Фиксированные подсказки
• Исправление мелких проблем

Галерея 1.12.1 / 30.05.2018

• Фиксированный параметр «Полная ширина экрана», когда «Положение галереи» — «справа».
• Добавлен параметр «Строгое использование порядка изображений»
• Исправлена ​​ошибка (рефакторинг)
• Добавлена ​​проверка перед wp_print_footer_scripts для данных XMLRPC_REQUEST
• Добавлена ​​опция «Отключить заголовок изображения»
• Добавлено поведение «добавить видео» для страницы «Список галереи».
• Исправлен баг, когда youtube скрипты подключались дважды
• Позиции фиксированных изображений при нажатии на «Показать больше»
• Удалена случайная позиция для «Строгое использование порядка изображений».
• Фиксированное минимальное количество изображений для малой ширины
• Фиксированная ширина маски изображения для различных изображений в «»
• Исправлена ​​открытая ссылка во всплывающем окне после загрузки страницы
• Улучшить конфигурацию FreeWall
• Фиксированное всплывающее окно Theme6 «Размер контейнера текста изображения»
• Обновление китайского перевода

Галерея 1.12.0 / 07.05.2018

• Представление «Преобразования фиксированных заголовков» на странице администратора
• Добавлен перевод всплывающих подсказок
• Добавлена ​​функция Предварительный просмотр импорта из видео с YouTube
• Добавлен импорт видео из Vimeo
• Фиксированная отложенная загрузка и категории
• Добавлена ​​инициализация Галереи по триггеру
• Добавлен параметр «Показывать несколько значков по» для Captions and Caption Builder
• Добавлен предварительный просмотр для «Показать несколько значков от» на странице администратора.
• Исправлено открытое всплывающее окно при изменении хэша URL
• Блок фиксированного размера изображения при изменении типа галереи в админке

Галерея 1.11.3 / 17.04.2018

• Добавлены параметры «Преобразования заголовков» в бэкэнд
• Добавлены значения по умолчанию в «Преобразования заголовков».
• Фиксированный размер изображения onHover для всплывающего окна Theme6
• Фиксированные изображения категорий, появляющиеся при нажатии по умолчанию «Все»

Галерея 1.11.2 / 06.04.2018

• Исправлена ​​ошибка при нажатии кнопки тема6 предыдущая / следующая.

Галерея 1.11.1 / 04.04.2018

• Фиксированный хэш URL при открытии всплывающего окна
• Фиксированная тема 6 стиль кнопки закрытия
• Исправлена ​​работа iframe с настройками
• Дополнительные улучшения скорости
• В настройки всплывающего окна добавлены параметры «Показать кнопку поворота», «Показать кнопку подробностей», «Показывать миниатюру при наведении»

Плагин галереи WordPress — Галерея NextGEN — плагин WordPress

Плагин галереи WordPress

NextGEN Gallery — это стандартный в отрасли плагин для галереи WordPress с 2007 года и продолжает получать более 1.5 миллионов новых загрузок в год. Это легко для простых фотогалерей, но достаточно мощно для самых требовательных фотографов, художников и профессионалов в области обработки изображений.

На задней панели NextGEN предлагает полную систему управления галереями WordPress с возможностью пакетной загрузки фотографий, импорта метаданных, добавления / удаления / изменения порядка / сортировки фотографий, редактирования эскизов, группирования галерей в альбомы и т. Д.

Бесплатная версия NextGEN предоставляет три основных стиля галереи (слайд-шоу, миниатюры и галереи изображений) и два стиля альбомов (компактный и расширенный), каждый из которых имеет широкий спектр опций для управления размером и стилем. , время, переходы, элементы управления, эффекты лайтбокса и многое другое.Узнайте больше о возможностях плагина NextGEN для галереи WordPress.

NEXTGEN GALLERY DEMOS
* Базовая галерея эскизов
* Базовая галерея слайд-шоу
* Базовая галерея Imagebrowser
* Базовый компактный альбом
* Базовый альбом со списком

ПРЕДСТАВЛЯЕМ NEXTGEN GALLERY PRO. NextGEN Plus и NextGEN Pro — это премиальные расширения плагинов галереи WordPress для NextGEN Gallery, которые добавляют новые дисплеи фотогалереи, лайтбоксы, электронную коммерцию, пробную печать и профессиональную поддержку.Узнайте больше о функциях плагинов фотографий NextGEN Plus и NextGEN Pro.

NEXTGEN PRO DEMOS
* Pro Mosaic Gallery
* Pro Masonry Gallery
* Pro Filmstrip Gallery
* Pro Film Gallery
* Pro Slideshow Gallery
* Pro Thumbnail Gallery
* Pro Blog Style Gallery
* Pro Grid Albums
* Pro Список альбомов
* Pro Lightbox Demo
* Pro Proofing Demo
* Pro Ecommerce Demo

О компании Imagely

NextGEN Gallery — это плагин галереи WordPress, поддерживаемый Imagely.Мы эксперты по фотографии WordPress. Помимо NextGEN Gallery, NextGEN Plus и NextGEN Pro, мы также создаем темы WordPress для фотографов, предоставляем веб-сайты под ключ для фотографов и запускаем подкаст WordPress Photography.

Узнайте больше или свяжитесь с нами:
* Веб-сайт Imagely
* Темы Genesis WordPress для фотографов
* Управляемый хостинг WordPress для фотографов
* Подкаст фотографии WordPress
* Документация галереи NextGEN
* Imagely на Twitter
* Imagely на Facebook
* Imagely в Instagram

Кредиты

Авторские права:
Imagely 2016-2019
Photocrati Media 2012-2016
Alex Rabe 2007-2011

Эта программа — бесплатное программное обеспечение, выпущенное в соответствии с условиями Стандартной общественной лицензии GNU.

Шорткоды

NextGEN Gallery предлагает простое в использовании окно «Вставить галерею», что означает, что вам больше не придется работать с короткими кодами при вставке и управлении галереями — если вы этого не хотите.

Если вы действительно хотите работать с шорткодами, существует мощная система шорткодов, как и следовало ожидать от популярного плагина галереи WordPress. Узнайте о шорткодах галереи NextGEN.

Для получения дополнительной информации посетите официальный веб-сайт плагина NextGEN Gallery WordPress Gallery.

Этот плагин предоставляет 1 блок.

УСТАНОВКА

: Самый простой способ начать загрузку фотографий — это войти в панель управления WordPress, перейти в «Плагины»> «Добавить новый», выполнить поиск по галерее NextGEN и щелкнуть, чтобы установить плагин. Вы также можете загрузить zip-файл плагина с этой страницы и загрузить его со страницы Плагины> Добавить> Загрузить.

КАК ИСПОЛЬЗОВАТЬ: Просто перейдите на страницу или пост и добавьте блок галереи NextGEN. Внутри блока нажмите кнопку «Добавить галерею», чтобы открыть окно «Вставить галерею», в котором вы можете создавать, управлять, настраивать и отображать свои фотогалереи WordPress.Вы также можете управлять своими фото галереями и настройками галереи из центральной области опций на вкладке «Галерея» в меню панели инструментов.

ДОКУМЕНТАЦИЯ: См. Документацию галереи NextGEN.

Вот и все… получайте удовольствие! Для получения дополнительной информации посетите официальный сайт плагина NextGEN Gallery WordPress Gallery.

Почему мои фотогалереи не открываются в лайтбоксе после того, как я переместил свой сайт?

Это часто происходит из-за того, что URL-пути к файлам CSS и JavaScript, используемым эффектами лайтбокса, не изменяются на соответствующие адреса на основе нового сайта.Эта статья поможет разобраться в этой проблеме, если это так: Почему мои галереи не открываются в лайтбоксе ?.

У вас есть документация или руководства?

Да. См. Документацию галереи NextGEN.

Будет ли этот плагин галереи работать с моей темой?

Ага, NextGEN — это популярный и хорошо зарекомендовавший себя плагин галереи WordPress, который существует уже давно. Он будет хорошо работать с большинством других тем и плагинов в экосистеме WordPress.

Фотогалереи основаны на flash?

Нет, мы не используем флеш-элементы.

Удобны ли галереи для мобильных устройств?

Да, мы много работали над этим, и галереи NextGEN совместимы с телефонами и планшетами, включая операционные системы Android и iOS. Все фотогалереи также адаптивны, поэтому галереи хорошо смотрятся на экранах разных размеров. NextGEN Pro также включает полноэкранный адаптивный лайтбокс Pro с поддержкой мобильных жестов.Он отлично подходит для просмотра фотографий на мобильных устройствах.

В чем разница между галереей и альбомом?

Проще говоря, альбомы — это коллекции галерей. Таким образом, галереи содержат ваши фотографии, а альбомы — ваши галереи. Альбомы действуют как ссылки и заполнители, чтобы быстро и легко перемещаться по галереям. В галереях будут отображаться ваши изображения.

Могу ли я загрузить несколько изображений одновременно?

Да, вы можете одновременно загружать целые фотогалереи.

Можно ли защитить галереи паролем?

Да, WordPress позволяет защищать страницы паролем по умолчанию, включая все фотогалереи и контент для всей страницы. Парольную защиту страниц можно в любой момент включить и выключить всего несколькими щелчками мыши.

Могу ли я добавить водяной знак к своим фотографиям?

Да, вы можете добавить текстовые или графические водяные знаки к изображениям вашей галереи.

Могу ли я обрезать эскизы фотографий?

Да, каждый эскиз можно настроить индивидуально в соответствии с вашими потребностями.

Есть ли пагинация для фотогалереи?

Да, вы можете использовать разбиение на страницы при отображении галерей эскизов. И вы можете настроить количество фотографий, которые будут отображаться на странице в любое время.

Могу ли я настроить лайтбокс?

Да, для лайтбокса можно настроить несколько параметров прямо из панели управления, и есть несколько стилей CSS, которые также можно применять и изменять. Если вам нужно еще больше возможностей, рассмотрите возможность обновления до NextGEN Pro и использования лайтбокса NextGEN Pro.

Могу ли я добавить HTML в подписи к фотографиям?

Да, области заголовков полностью поддерживают HMTL.

Могу ли я добавить внешние ссылки в галереи?

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

Доступна ли галерея NextGEN на иностранных языках?

Да, наш плагин галереи WordPress переведен на десятки языков — нажмите здесь, чтобы узнать больше.

Дополнительная информация

Для получения дополнительной информации посетите официальный веб-сайт плагина NextGEN Gallery WordPress Gallery.

Раздутый и дорогой, медленно загружается, а поддержка клиентов ужасна. Я использовал этот плагин галереи несколько лет, но теперь пора перейти к чему-то лучшему!

Разработчику известно о проблеме миграции, и она не будет исправлена.Если у вас есть клиент, который использует этот веб-сайт в течение многих лет, имеет много галерей и вам необходимо перенести его веб-сайт, этот плагин сделает это невозможным. Разработчик попытался исправить это, средство не работает, в сети много людей с этой проблемой, и разработчик не исправит ее. Погуглите «nextgen Not a valid template», чтобы понять, что я имею в виду. Огромная ошибка — использовать этот плагин с такой некомпетентной поддержкой. WordPress следует удалить его из списков плагинов, прежде чем он сможет причинить людям еще больший вред.Разработчик понятия не имеет, что они делают, и вы не можете доверять этому плагину для работы через обновление. Я ни разу за свои 15 лет работы разработчиком WordPress не видел плагин, который зависает при попытке миграции, и разработчик просто не мог бы это исправить?

Отличный продукт для быстрого создания контента.

Отличный плагин, простой в использовании

J’ai essayé plusieurs extensions pour afficher mes photos на сайте фотографии без удовлетворения.Pour l’instant je suis 100% удовлетворительный плагин и compte bien аллергены на версию pro dès que je compte vendre mes photos en ligne.

Пользуюсь NextGen уже несколько лет — ничего особенного, просто несколько случайных галерей, разбросанных по нескольким постам тут и там. Я еще не начал изучать все его возможности, но он вполне подходит для моих целей. Не так уж сложно разобраться, и в целом довольно просто.Спасибо, что обнаружил это!

Прочитать 3711 отзывов

«Плагин галереи WordPress — Галерея NextGEN» — это программное обеспечение с открытым исходным кодом. Следующие люди внесли свой вклад в этот плагин.

авторов

v3.4.7 — 25.11.2020

• НОВИНКА: plupload заменен новым загрузчиком на основе uppy.js для более быстрой загрузки
• Изменено: Обновлены select2 и Gritter до последних версий
• Изменено: В будущую версию jQuery 3 внесены некоторые изменения.5 совместимость
• Исправлено: функции блока Гутенберга и избранного изображения на хостинге wordpress.com

V3.3.20 — 13.10.2020

• НОВИНКА: PHP 5.6 является минимально поддерживаемой версией PHP
• НОВИНКА: WordPress 5.2 — это минимальная поддержка PHP версии
• Исправлено: исчезновение блока в редакторе блоков
• Исправлено: блокировка Гутенберга и функции избранного изображения были нарушены на wordpress.com хостинг
• Примечание. Галерея NextGEN скоро будет находиться под лицензией GPLv3.

V3.3.17.1 — 09.03.2020

• Исправлено: блокировка Гутенберга и функции избранного изображения были нарушены на wordpress.com хостинг

V3.3.17 — 18.08.2020

• Исправлено: переопределить настройки эскиза невозможно
• Исправлено: неработающая галерея отображается в WP 5.5 с классическим редактором
.
• Исправлено: HTML в полях галереи и изображения
• Исправлено: невозможность сохранить настройки галереи или другие параметры

V3.3.11 — 14.08.2020

• Исправлено: лайтбокс Fancybox не работает с WordPress 5.5
• Исправлено: невозможность загружать изображения или создавать галереи в WordPress 5.5
• Исправлено: невозможно обрезать изображения на странице «Управление галереями».
• Исправлено: удалено использование jquery.size () и jquery.browser
.
• Исправлено: Исправлено предупреждение PHP iterator_to_array ()

V3.3.10 — 08.12.2020

• НОВИНКА: добавлен фильтр «ngg_recent_images_sort_by_column» для управления сортировкой последних изображений.
• Исправлено: назначение миниатюры для страницы / публикации пользовательского типа сообщения вызывало фатальную ошибку javsacript
.
• Исправлено: NextGEN ранее был бы полностью непригоден для использования, если бы он даже однажды определил, что у него нет необходимых ролей
• Исправлено: несколько проблем SimpleLightbox, вызванных обновлением последней версии
• Изменено: Модификации пользовательского интерфейса администратора
• Изменено: Различные улучшения кода для использования преимуществ PHP 5.3+ функции
• Изменено: Удалена константа NGG_FIX_JQUERY

V3.3.6 — 24.06.2020

• НОВИНКА: добавлен механизм в разделе «Другие параметры»> «Разное» для обновления избранных изображений страниц, присвоенных NextGen версии 1, которые были нарушены из-за изменения API WordPress 5.4.
• НОВИНКА: добавлены два фильтра (ngg_default_settings и ngg_default_global_settings), позволяющие контролировать настройки по умолчанию для новых сетей, сайтов и подсайтов.
• НОВИНКА: SimpleLightbox обновлен до последней версии.Это исправляет все изображения галереи, появляющиеся в лайтбоксе, если на странице было более одной галереи.
• Исправлено: маршрутизация альбомов была нарушена, если альбомы были названы с использованием нелатинского алфавита
• Исправлено: проверка пути к галерее была нарушена на некоторых серверах IIS
• Исправлено: NextGen не мог обслуживать запросы AJAX на хостинге home.pl
• Исправлено: удален неиспользуемый модуль simple_html_dom, который вызывал ошибки в PHP 7.3
.

V3.3.5 — 04.09.2020

• Исправлено: битые динамические изображения

V3.3.2 — 04.07.2020

• Исправлено: пути к галерее вычислялись некорректно на wordpress.com хостинг
• Исправлено: Окно «Вставить галерею» не могло редактировать существующую отображаемую галерею с устаревшим шаблоном без нарушения отображаемой галереи
• Исправлено: страница управления альбомами могла генерировать длинные предупреждения PHP, если галереям или другим альбомам не было назначено изображение предварительного просмотра
• Исправлено: NextGen заставлял фильтр screen_options_show_screen всегда быть истинным
• Исправлено: плагин не загружался и вызывал ошибку из-за того, что C_Component_Registry не был найден
• Исправлено: удалены последние следы javascript, которые были в шаблонах типа отображения

V3.3.0 — 03.10.2020

• НОВИНКА: добавлена ​​функция на странице «Управление галереями» для поиска названий галерей
• НОВИНКА: добавлен фильтр «ngg_disable_shortcodes_in_request_api» для отключения отрисовки шорткодов NextGen в REST
• НОВИНКА: добавлена ​​опция автоматического водяного знака изображений во время загрузки
• Изменено: минимальная поддерживаемая версия PHP теперь 5.4
• Изменено: фреймворк Pope теперь включен через Composer
• Изменено: удалено использование устаревшего фильтра contextual_help.
• Изменено: Переименована галерея.po на nggallery.pot для лучшей совместимости с Loco Translate
• Исправлено: совместимость с Divi Booster
• Исправлено: копирование изображений в другую галерею вызывало предупреждение PHP
• Исправлено: функция избранного изображения не работала
• Исправлено: исправлено предупреждение PHP, которое иногда отображалось с хлебными крошками альбома
• Исправлено: Исправлено предупреждение PHP при отображении определенных альбомов
• Исправлено: при перемещении или копировании изображений в «Управлении галереей»
не выводилось уведомление.
• Исправлено: предупреждение PHP отображалось при включении функции MediaRSS
• Исправлено: SimpleLightbox не использовал атрибут alttext изображения для заголовков
• Исправлено: загрузка zip-файлов, содержащих изображения с расширениями в верхнем регистре, не приводила к извлечению каких-либо изображений
• Исправлено: загрузка изображений с недопустимым EXIF ​​полностью отклоняла изображение

V3.2.23 — 12.02.2019

• НОВИНКА: в разделе «Другие параметры»> «Разное» появился новый параметр, позволяющий полностью отключить постановку FontAwesome в очередь.
• Изменено: команды WP-CLI помещены в пространство имен и добавлены многочисленные новые команды.
• Исправлено: на странице добавления галереи / изображений пользователям предлагалось загружать zip-файлы, даже если настройки мультисайта запрещали это.
• Исправлено: конфликт с Elementor, нарушающий стиль окна Attach-To-Post
• Исправлено: исправлены предупреждения PHP, генерируемые при создании шаблона и статического каталога переопределения («ngg») внутри WP_CONTENT_DIR, если доступ для записи недоступен.
• Исправлено: Генерация ярлыка галереи была прервана, когда имя галереи включало специальные символы и разбивало эти галереи как дочерние элементы альбома
• Исправлено: улучшена производительность на странице «Управление галереями» за счет упрощения запроса для подсчета изображений, принадлежащих галереям.
• Исправлено: Управление галереями могло генерировать предупреждение PHP при перечислении галерей, созданных пользователями, которые с тех пор были удалены
• Исправлено: значки навигации Shutter Reloaded всегда отсутствовали.
• Исправлено: виджет слайд-шоу ставил в очередь файл, которого не было
• Исправлено: два основных слайд-шоу на одной странице вызывали ошибку JS, которая нарушала их отображение
• Исправлено: разрешение URL-адресов для галерей с разбивкой на страницы и динамических эскизов было нарушено, если WordPress находился в подкаталоге установки подкаталога (разделенный URL-адрес домашней страницы и сайта)

V3.2.21 — 20.11.2019

• Изменено: Небольшое обновление фирменного стиля и цвета

V3.2.19 — 30.10.2019

• Исправлено: конфликт с Imagify и плагином Imagely Lightroom
• Исправлено: возможность обновления метаданных изображения из плагина Imagely Lightroom
.

V3.2.18 — 18.09.2019

• Исправлено: возможность сортировки изображений случайным образом
• Исправлено: не удалось загрузить большие изображения на WP Engine
.
• Исправлено: переводы Plupload не работают

V3.2.15 — 09.10.2019

• НОВИНКА: автоматическая повторная загрузка URL-адресов для создания динамических эскизов
• НОВИНКА: используйте константу NGG_DISABLE_DYNAMIC_IMG_URLS для создания изображений в процессе
• Изменено: динамические эскизы генерируются в собственных процессах PHP / url
• Исправлено: искаженные изображения и эскизы
• Исправлено: Тайм-аут при просмотре больших галерей
• Исправлено: Оптимизация памяти при генерации изображений

V3.2.11 — 08.27.2019

Защищено: запросы IGW (сообщил Тин Дуонг из FortiGuard Labs Fortinet)

V3.2.10 — 23.07.2019

• Изменено: обновлен брендинг для Freemius opt-in
• Исправлено: IGW запросы

V3.2.8 — 16.07.2019

• НОВОЕ: добавлена ​​поддержка фильтра shortcode_atts_ngg
• НОВИНКА: Импорт изображений из папки теперь работает рекурсивно
• Исправлено: «Сканировать папку для новых изображений» не назначать изображение для предварительного просмотра галереи.
• Исправлено: действия AJAX, такие как загрузка изображений, не выполнялись, если запрос по умолчанию на «/» направлялся в индекс.html вместо index.php
• Исправлено: контроллеры / шаблоны страниц администратора запускались дважды
• Исправлено: совместимость с Delightful Downloads
• Исправлено: совместимость с Elementor
• Исправлено: копирование изображений в медиа-библиотеку было прервано, если на сервере отсутствовало расширение fileinfo
• Исправлено: отключение кнопки отправки / копирования изображений «Управление галереей» для предотвращения многократной отправки.
• Исправлено: «Восстановить изображение из резервной копии» сброшены настройки обрезки миниатюр.
• Исправлено: Небольшая ошибка из-за общего.js
• Исправлено: перемещение изображений / копирование изображений теперь также перемещает / копирует динамически сгенерированные версии
• Исправлено: обработчик подпрограммы удаления генерировал предупреждение PHP о доступе к необъявленной переменной
.
• Исправлено: загрузка zip-архива некоторыми пользователями macOS не выполнялась.

V3.2.4 — 06.04.2019

• NEW: в прототип объекта window.galleries добавлены некоторые методы для получения настроек отображения
• Защищено: процесс извлечения почтового индекса (спасибо Slavco Mihajloski / @mslavco)
• Изменено: удалена устаревшая ссылка «опубликовать» из строки
«Управление изображениями в галерее».
• Исправлено: предупреждение PHP, выдаваемое в разделе Галерея> Другие параметры, если текущий путь галереи не может быть записан в
.
• Исправлено: добавлена ​​проверка совместимости для официального плагина FontAwesome
.
• Исправлено: установка флажка на вкладке «Сортировать или исключить изображения» в окне «Вставить галерею» не работала.
• Исправлено: изображения с измененным размером в некоторых случаях становились больше оригинала
• Исправлено: URL-адрес статических ресурсов, таких как файлы JS и CSS, был неправильным, когда галерея NextGen была символической ссылкой

V3.2.2 — 05.09.2019

• Изменено: Обновлены ссылки на видео
• Изменено: обновлен брендинг в файле Readme.txt

V3.2.1 — 05.08.2019

• Исправлено: отсутствующие настройки после сброса с помощью NextGEN Plus
• Исправлено: небольшие проблемы со стилем в WordPress 5.2

V3.2.0 — 05.07.2019

• НОВИНКА: обновление фирменного стиля
• НОВИНКА: методы API для обнаружения страниц, предоставленных NextGEN, и пользовательских типов сообщений
• Исправлено: Отсутствие меню после сброса
• Исправлено: разбивка на страницы Ajax с помощью Simplelightbox
• Исправлено: кэш запросов Datamapper не очищался после сохранения объекта
• Исправлено: папка галереи не создается при использовании «Управление галереями» -> «Новая галерея».
• Исправлено: уведомления не отображаются на всех страницах, предоставленных Nextgen
• Исправлено: мастер галереи конфликтует с мастером электронной торговли NextGEN Pro
• Исправлено: кнопка перехода на версию Pro
• Исправлено: переходному процессу активации NGG не задано значение времени жизни

V3.1.17 — 04.02.2019

• Исправлено: предварительный просмотр изображений для типов дисплеев с ошибкой get_static_abspath
• Исправлено: совместимость с плагином Imagely Lightroom

V3.1.14 — 26.03.2019

• Изменено: Восстановлено исходное поведение хука ngg_after_new_images_added
• Изменено: изображения с метаданными поворота EXIF ​​теперь автоматически поворачиваются при загрузке.
• Изменено: перемещено подтверждающее сообщение после редактирования эскиза
• Исправлено: Возможность импорта zip изображений
• Исправлено: папка галереи не создается в файловой системе после добавления новой галереи
• Исправлено: IGW не работает с Gutenberg / Block Editor
• Исправлено: совместимость с EWWW Image Optimizer
• Исправлено: совместимость с Elementor
• Исправлено: совместимость с Imagify
• Исправлено: NextGen 3.1.11 передал неверный путь к load_plugin_textdomain ()
• Исправлено: инициализация Simplelightbox открывалась более одного раза для определенных изображений

V3.1.11 — 03.020.2019

• НОВИНКА: много улучшений производительности
• Исправлено: неработающая страница обзора в WordPress 5.1
• Исправлено: проблема с невозможностью отклонения уведомлений
• Исправлено: Восстановление образов из резервных копий ошибок создания
• Исправлено: Управление тегами — единственный пункт меню после активации
.
• Исправлено: совместимость со средами, в которых нет функции mime_content_type

V3.1.7 — 26.02.2019

• Изменено: Freemius SDK обновлен до последней версии

V3.1.6 — 16.01.2019

• НОВИНКА: Возможность управлять продолжительностью кеширования случайных галерей виджетов
• Защищено: сериализация записей БД
• Исправлено: Совместимость с плагинами, расширяющими Gutenberg / Block Editor
.
• Исправлено: неверное регулярное выражение, вызывающее предупреждения при просмотре / ngg_tags / pages
• Исправлено: разные грамматические и орфографические ошибки

V3.1.5 — 01.08.2019

• НОВИНКА: добавлена ​​константа NGG_DISABLE_SHUTDOWN_EXCEPTION_HANDLER
• Защищено: сериализация записей БД
• Изменено: добавлено ограничение на 185 символов для имен файлов для предотвращения проблем с файловой системой
• Изменено: Убрано кеширование «случайных» галерей; теперь кешируются только случайные виджеты
• Изменено: Убрана зависимость от underscore.string.js
• Изменено: Обновлена ​​библиотека base64.js в модуле прикрепления к сообщению
.
• Изменено: Обновлен jquery.waitforimages.js
• Исправлено: загрузка изображений не в формате JPEG и загрузка изображений в формате JPEG с недопустимыми данными EXIF.

V3.1.4 — 21.12.2018

• Исправлено: визуальный шорткод не отображался в WP 5.0.2

V3.1.3 — 01.08.2018

• Исправлено: поддержка миниатюр сообщений для галереи NextGEN при использовании редактора блоков

V3.1.2 — 18.12.2018

• Исправлено: ошибка несоответствия переменных при использовании страниц управления центральной галереей

V3.1.1 — 29.11.2018

• Исправлено: не ставить ресурсы редактора блоков в очередь на интерфейсе.
• Исправлено: нарушенный стиль для блоков столбцов

V3.1.0 — 28.11.2018

• НОВИНКА: Блок Гутенгерга для галереи NextGEN
• Обеспечено: другие параметры стр.
• Обновлено: Freemius SDK
• Исправлено: Мастер начала работы, совместимый с Gutenberg
.
• Исправлено: WPML перенаправляет
• Исправлено: отсутствие описаний и тегов при повторном импорте метаданных изображения

V3.0.16 — 24.10.2018

• Совместимость с Fixed Fontawesome 4

v3.0.15 — 23.10.2018

• NEW: добавлен менеджер уведомлений о требованиях
• Изменено: базовая настройка эскизов по умолчанию с «[Показать слайд-шоу]» на «Показать слайд-шоу»
• Изменено: Исправлена ​​ошибка, из-за которой система order_by = rand и «вариаций» не работала, сохраняя случайные результаты в переходном процессе в течение 24 часов.
• Изменено: Как удаляются каталоги галереи
• Изменено: Улучшено использование памяти при создании эскизов.
• Изменено: на странице «Управление альбомами» теперь используется GET для редактирования навигации.
• Изменено: Обновление FontAwesome до 5.0,13
• Исправлено: атрибут target = _blank не работал в эффектах лайтбокса.
• Исправлено: конфликт с WP Social Widget
.
• Исправлено: исправлены многочисленные проблемы с phpdoc, обнаруженные Phan
.
• Исправлено: Редактирование атрибутов изображения со страницы поисковой галереи
• Исправлено: грубые сообщения с длинными текстами перекрывали значок уведомления о закрытии.
• Исправлено: выбор галереи IGW не сохраняется между правками
• Исправлено: потерянные записи создаются и / или остаются в wp_postmeta
• Исправлено: повторяющиеся и отсутствующие изображения в списке избранных изображений

V3.0.13 — 10.11.2018

• Изменено: Добавлены настройки для базового слайд-шоу

V3.0.9 — 25.09.2018

• НОВИНКА: добавлен механизм шаблонов 2.0 для базовых галерей
• НОВИНКА: простой лайтбокс — это новый лайтбокс по умолчанию
• Изменено: изменена библиотека Javascript и стиль для базового слайд-шоу
• Изменено: новый шаблон по умолчанию и стиль для галерей эскизов
• Изменено: новый шаблон по умолчанию и стиль для галерей imagebrowser
• Изменено: новый шаблон по умолчанию и стиль для компактных альбомов
• Изменено: новый шаблон по умолчанию и стиль для расширенных альбомов
• Изменено: Изменена реализация настройки «Количество столбцов»
• Изменено: Значительно упрощены стандартные шорткоды NextGEN

V3.0.8 — 09.05.2018

• Исправлено: IGW не работает с Chrome 69+

V3.0.6 — 24.07.2018

• НОВИНКА: добавлен фильтр ngg_gallery_title_select_field
• НОВИНКА: переводы на датский
• НОВИНКА: словацкие переводы
• Изменено: удален неиспользуемый ключ настройки swfUpload из массива ngg_options
• Защищено: хранилище атрибутов изображения
• Исправлено: стиль уведомлений о загрузке
• Исправлено: не очищать сопоставление тегов / переводов WPML при удалении неиспользуемых тегов NGG
• Исправлено: не вызывать icl_translate (), когда язык администратора совпадает с языком по умолчанию
• Исправлено: импорт изображений библиотеки мультимедиа внутри окна IGW
• Исправлено: ссылки NGG> Overview «Обновление до Pro» все еще присутствовали, когда NGG Plus / Pro были активны.
• Исправлено: исправлен PEL для обнаружения возможного исключения, вызванного неправильным форматом IFD
• Исправлено: удален ненужный скрипт wp_localize_script («wp-color-picker»…)
• Исправлено: сортировка галерей с более чем 1 КБ изображений не работала после изображения 999

V3.0.1 — 17.05.2018

• Исправлено: предотвращение кеширования display_tab.js, которое может нарушить работу IGW
.

V3.0.0 — 16.05.2018

• НОВИНКА: Полная переработка интерфейса бэкенда галереи NextGEN
• Изменено: описания изображений теперь могут включать элементы с src, alt, title, id, class, name, rel и style
• Изменено: Select2 обновлен до последней версии (4.0.5)
• Изменено: обновлена ​​ссылка href на ссылки «удалить изображение» и «восстановить»
• Исправлено: совместимость с Гутенбергом
• Исправлено: Удалено использование screen_icon () из плагина
.
• Исправлено: виджет выбора цвета сохраняет несохраненные значения между обновлениями страницы

V2.2.54 — 28.02.2018

• Исправлено: конфликт с редактором Гутенберга
• Исправлено: параметр «Управление не связанными» альбомами нельзя было выбрать.
• Исправлено: в поле пути к галерее «Управление галереями» добавлялись посторонние косые черты на серверах IIS

V2.2.50 — 20.02.2018

• Защищено: пути к галерее и возможность управления тегами
• Оценка: ElevenPaths (Telefonica cibersecurity Unit)

V2.2.46 — 15.02.2018

• Исправлено: неработающая страница управления альбомами

V2.2.45 — 14.02.2018

• НОВИНКА: Партнерская страница для оптимизации изображений Imagify
• Защищено: свойство изображения без учета регистра
• Защищено: уязвимость для CVE-2017-2416 переполнения буфера
• Престижность: Чжоу Юань Ян из FortiGuard Labs компании Fortinet
• Исправлено: неправильный формат класса CSS, используемый в текстовом поле генератора форм
• Исправлено: Чистый выход в средах FastCGI
• Исправлено: использование устаревших функций в плагине галереи

V2.2.33 — 24.12.2017

• Защищено: некоторые атрибуты изображения не проверялись правильно

V2.2.30 — 13.12.2017

• Исправлено: ошибки перехода на PHP 7.2, 7.1.12 и 7.0.26.
• Исправлено: мастера плагинов галереи WordPress инициализированы слишком рано.
• Исправлено: типы отображения ImageBrowser, генерирующие предупреждения на PHP 7.2
• Исправлено: виджеты плагина галереи, вызывающие WSOD на PHP 7.2
.
• Исправлено: удалены вызовы create_function () (устарело в PHP 7.2)

V2.2.18 — 12.04.2017

• НОВИНКА: включить PHP 7.2.0 в предупреждение, созданное NextGen Gallery 2.2.16

V2.2.17 — 12.01.2017

• НОВИНКА: включить PHP 7.2-RC в предупреждение, созданное NextGen Gallery 2.2.16

V2.2.16 — 30.11.2017

• НОВИНКА: отображение предупреждения администратора и отключение галереи NextGen при использовании PHP 7.1.12 или 7.0.26.

V2.2.14 — 18.09.2017

• НОВИНКА: метаданные EXIF ​​и IPTC копируются в новые изображения и фотографии при создании эскизов, водяных знаков или новых размеров.
• Исправлено: метаданные считываются и сохраняются, когда включена функция «Изменение размера изображений после загрузки».

V2.2.12 — 08.01.2017

• Защищено: бэкэнд Flash-памяти отключен в plupload
• Изменено: обновленная версия PHP-Parser, используемая при создании zip-архивов плагинов
• Изменено: Добавлен DESC как опция в nggTags :: find_images_for_tags ()
• Исправлено: Исправлено использование parse_str для PHP 7 (спасибо Бодо Грауманну)
• Исправлено: Диспетчер переходных процессов сбрасывает только просроченные переходные процессы
• Исправлено: совместимость плагина галереи с Spider Calendar
.
• Исправлено: проблема с кодом проверки моделей DataMapper
• Исправлено: преобразование URL-адресов скриптов / стилей в массивы в установщике лайтбоксов

V2.2.10 — 14.06.2017

• Исправлено: убедитесь, что плагин работает, если PHP не скомпилирован с libxml
.

V2.2.9 — 14.06.2017

• Исправлено: WSOD, вызванный установкой $ wp_query-> is_page на false

V2.2.8 — 13.06.2017

• Изменено: удалено пользовательское сообщение о включении Freemius
• Изменено: Новый дизайн и видео для перехода на Pro страницу
• Изменено: добавлено пространство имен для переходных процессов, генерируемых NGG.
• Исправлено: Улучшен отчет об ошибках для метода XML-RPC, ngg.uploadImage
• Исправлено: ссылки для редактирования эскизов отсутствовали, когда в локали используется язык RTL, например, иврит
.
• Исправлено: несоответствие ролей и возможностей при отображении элементов пользовательского интерфейса галереи NextGEN
• Исправлено: эффект лайтбокса Fancybox несовместим с галереями Pro Mosaic
• Исправлено: Basic Tagcloud не учитывает настройку типа отображения при редактировании в окне «Вставить галерею».
• Исправлено: Basic Tagcloud позволяет выбирать типы дисплея Pro, когда NGG Pro отключен.
• Исправлено: Ограничение типов отображения, доступных в настройке «Отображать галереи как» для альбомов
• Исправлено: специальные символы в параметре show_slideshow_text , из-за чего вставленный дисплей не редактировался.
• Исправлено: галереи слайд-шоу NGG Basic не соблюдают настройку эффекта перехода
• Исправлено: теги изображений, которые больше не должны быть удалены из плагина галереи WordPress
• Исправлено: интервал сохраняется, когда наши короткие коды размещаются с другим содержимым
• Исправлено: хлебные крошки в альбомах, когда слаг разделяется между галереей и альбомом
• Исправлено: get_unique_slug () создает недопустимый SQL-запрос, когда имя галереи содержит символы кавычек
• Исправлено: страницы / ngg_tags, отображающие комментарии ко всем сообщениям
• Исправлено: предупреждение PHP при сохранении метаданных изображения
• Исправлено: Исправлена ​​несовместимость с разбивкой на страницы WPML из-за переопределения $ _SERVER [‘REQUEST_URI’]

V2.2.3 — 04.05.2017

• Исправлено: E_WARNING на странице настроек галереи из-за неправильного использования array_combine () на PHP <= 5.3

V2.2.2 — 04.04.2017

• Исправлено: гиперссылки в описаниях изображений
• Исправлено: количество изображений карты сайта WordPress SEO
• Исправлено: Удален параметр id в шорткодах
• Исправлено: критическая ошибка в коде Freemius
.

V2.2.1 — 13.03.2017

• НОВИНКА: механизм шаблонов для всех типов дисплеев
• НОВИНКА: уведомления об обзоре плагина галереи WordPress
• Изменено: обновлен брендинг плагина галереи WordPress до Imagely
.
• Изменено: добавлена ​​возможность щелкнуть заголовок галереи и открыть ее прямо в Pro Lightbox
.
• Исправлено: проблемы с активацией после первоначальной установки
• Исправлено: не отображать старые шорткоды после создания новых галерей
• Исправлено: ложные уведомления об обнаружении вредоносного ПО для eval
• Исправлено: Различный плагин галереи WordPress. Уведомления и предупреждения PHP.
• Исправлено: проблема с динамической высотой контейнера для типов отображения Imagebrowser

V2.1.79 — 23.02.2017

• Защищено: устраненная уязвимость с отображением облака тегов

V2.1.77 — 31.01.2017

• Изменено: Исправлена ​​ссылка на Facebook
• Изменено: Теги в плагине галереи WordPress readme.txt
• Исправлено: проблема с отключением другого плагина

V2.1.69 — 18.01.2017

• Исправлено: Обеспечена совместимость с WordPress 4.7.1
• Исправлено: отсутствующие имена опций на страницах настроек при активном мастере
• Исправлено: убедитесь, что галерея NextGEN всегда загружается после плагинов расширения в WP 4.7
• Исправлено: программа удаления продукта Pope не запускалась во время активации

V2.1.62 — 15.12.2016

• Исправлено: Опечатка в уведомлении о запуске мастера галереи
• Исправлено: возможность закрыть уведомление мастера галереи

V2.1.61 — 14.12.2016

• НОВИНКА: Мастер создания галереи для новых пользователей
• Исправлено: шорткоды в виджетах плагинов галереи WordPress не заменяются в Divi
.
• Исправлено: убедитесь, что текст заполнителя NGG не имеет неправильного стиля в других темах.
• Исправлено: различные проблемы с толстым шрифтом на страницах пользовательского типа сообщений
• Исправлено: Скрыть изображения-заполнители для вставки галереи в ленте Yoast

V2.1.60 — 22.11.2016

• Защищено: убедитесь, что на вкладке «Стили» можно редактировать только файлы .css.

V2.1.59 — 22.11.2016

• Защищено: возможность настройки стилей CSS
• Изменено: улучшения readme.txt
• Исправлено: совместимость с WordPress 4.7.0
• Исправлено: вставленные в окно галереи облака тегов некорректны

V2.1.57 — 14.11.2016

• Защищено: пользовательские стили можно записывать только в определенные каталоги
• Защищено: уязвимость SQL-инъекции для имен галерей
• Изменено: значки типа отображения теперь можно щелкнуть в окне «Вставить галерею».
• Изменено: Включить файлы резервных изображений при копировании / перемещении галереи
• Изменено: Показывать название галереи в уведомлении о загрузке
• Изменено: Добавлен текст-заполнитель в поле имени галереи на странице «Добавить галерею / Загрузить изображения».
• Исправлено: пользовательский порядок сортировки не сохраняется в шорткоде
• Исправлено: короткие коды, добавленные через окно «Вставить галерею», отображаются как []
• Исправлено: Uncaught TypeError: Невозможно прочитать свойство «заменить» неопределенного
.
• Исправлено: использование устаревшего фильтра Yoast SEO (также известного как WPSEO)
• Исправлено: конфликт с Easy Digital Downloads
• Исправлено: неправильные HTML-теги на страницах администратора (спасибо kniebremser)
• Исправлено: Изменить отображение: скрыто до видимости: скрыто в разных местах
• Исправлено: Экранирование кавычек в заголовках и URL-адресах галереи
• Исправлено: непереводимые строки

V2.1.56 — 27.10.2016

• Исправлено: анализ шорткода влиял на сторонние шорткоды

V2.1.54 — 25.10.2016

• НОВИНКА: добавлены директивы php docblock для подсказки / завершения кода
• НОВИНКА: типы дисплеев могут иметь псевдонимы
• НОВИНКА: визуальные шорткоды
• Изменено: теперь использует gulp для компиляции пакетов и минификации JS / CSS.
• Изменено: Freemius SDK обновлен до версии 1.2.1
.
• Исправлено: к заголовкам и описаниям галереи добавлялись посторонние обратные косые черты
• Исправлено: поле «Заголовок галереи» папки импорта не использовалось для новых заголовков галереи
• Исправлено: сброс настроек теперь перенаправляет на / wp-admin /, чтобы избежать потенциальных ошибок, связанных с активацией.
• Исправлено: кеш столбцов таблицы устарел между версиями
• Исправлено: различные проблемы с короткими кодами плагинов галереи WordPress при использовании в виджетах.
• Исправлено: предупреждения, вызванные вызовами несуществующих файлов пакета модуля
• Исправлено: jquery-ui nextgen_admin нарушает работу административных страниц Elegant Themes

V2.1.50 — 30.08.2016

• НОВИНКА: добавлена ​​возможность открывать галереи в альбомах с помощью лайтбокса
• Изменено: Freemius увеличен до 100%
• Изменено: биография Тамары Лэки на странице обзора плагина галереи WordPress
• Исправлено: изображения и фотографии не реагируют на все типы дисплеев
• Исправлено: совместимость с плагином Imagely Lightroom
• Исправлено: Удалена папка тестов Папы из плагина галереи WordPress
.
• Исправлено: фатальная ошибка максимального уровня вложенности функций при отображении двух и более альбомов
• Исправлено: убедитесь, что фон окна вставки галереи остается белым
• Исправлено: предупреждение PHP для класса C_NGG_Lightbox с использованием несовместимого конструктора

V2.1.49 — 26.07.2016

• НОВИНКА: добавлена ​​опция шаблона «По умолчанию» для отмены настроек ATP при использовании глобальных настроек.
• НОВИНКА: добавлен «общий» отчет об ошибке во время загрузки изображения.
• НОВОЕ: добавлено уведомление об отказе от поддержки PHP 5.2
• НОВИНКА: возможность отображать описания дочерних галерей и альбомов при просмотре альбомов
• Изменено: изображения предварительного просмотра ATP меньше с более узкими полями, чтобы показать больше изображений
• Изменено: содержимое плагина галереи WordPress Обновить до версии Pro
• Изменено: Новая страница обзора плагина галереи
• Изменено: Репликация санирования имени галереи наследства NG для путей галереи
• Исправлено: устранены все обнаруженные предупреждения / уведомления / устаревшие PHP-версии и строгие ошибки.
• Исправлено: Совместимость на серверах Windows с подключенными к сети корнями документов
• Исправлено: убедитесь, что метаданные EXIF ​​загружаются из соответствующего массива exif_data вместо exif_array
• Исправлено: переключатель настроек галереи не работает
• Исправлено: загрузка прерывается при сбое миниатюры или изменения размера изображения из-за отсутствия поддержки определенного формата для библиотек изображений
• Исправлено: предупреждение генерировалось в nggallery.проверка php useMediaRSS option

V2.1.46 — 23.06.2016

• Исправлено: удаление внутренней папки галереи nextgen из-за проблемы сборки

V2.1.45 — 22.06.2016

• Исправлено: активы Freemius не должны быть минимизированы

V2.1.44 — 22.06.2016

• НОВИНКА: кнопка «Добавить галерею» добавлена ​​рядом с кнопкой «Добавить медиа» на экране создания / редактирования сообщения
• НОВИНКА: вставка изображений-заполнителей галереи с водяными знаками
• НОВИНКА: добавлен API для связи с плагином Lightroom
• НОВИНКА: система сборки Gulp для плагина
• НОВИНКА: добавлены фильтры «ngg_igw_placeholder_line_2_settings» и «ngg_igw_placeholder_line_1_settings»
• НОВИНКА: добавлен фильтр «ngg_settings_during_image_generation» для настройки генерации изображений.
• НОВИНКА: Добавлен фильтр «ngg_before_save_thumbnail» для возможностей манипулирования изображениями.
• НОВИНКА: добавлена ​​возможность применять фильтры GD во время генерации изображений
• НОВИНКА: Интегрирован с картами сайта WordPress для SEO для отображения изображений и фотографий NGG в количестве изображений
• Изменено: ссылки для управления галереей после ее создания не отображаются в окне «Вставить галерею».
• Исправлено: код Freemius не нужно минимизировать
• Исправлено: при сохранении объекта datamapper соответствующий кеш должен быть очищен.
• Исправлено: изображения-заполнители окна вставки галереи не используются анализом OpenGraph в WordPress SEO

V2.1.43 — 25.05.2016

• НОВИНКА: добавлена ​​интеграция Freemius с плагином
• НОВИНКА: добавлены действия, действия: ngg_updated_image_meta, ngg_recovered_image, ngg_generated_image, ngg_moved_images и ngg_copied_images
• НОВИНКА: добавлен патч от WPML, копирующего галереи ATP на новые языковые страницы при дублировании страницы на новый язык.
• Изменено: действие «ngg_delete_picture» перемещено до удаления изображения.
• Изменено: Теперь не позволяет устанавливать для параметра maximum_entity_count значение 0 или ниже в других параметрах
• Изменено: обновлена ​​поддержка относительного URL «Корни» на относительный URL с измененным брендом «Почва».
• Изменено: обновлен брендинг, поэтому все общедоступные экземпляры «Photocrati» теперь называются «Imagely».
• Изменено: FontAwesome обновлен до 4.6,1
• Исправлено: хлебные крошки альбома при использовании с устаревшими шаблонами плагина галереи WordPress
• Исправлено: Совместимость с добавленными объектами ролей WP без метода remove_cap ()
• Исправлено: настройка водяного знака по умолчанию, приводящая к тому, что изображения помечаются текстом, даже если «изображение» выбрано в «Другие параметры»
• Исправлено: переход к альбомам с символами UTF8 в имени
• Исправлено: использование get_currentuserinfo () заменено на wp_get_current_user ()

V2.1.33 — 25.04.2016

• Исправлено: Совместимость с темами и плагинами, которые ставят underscore.js в очередь в заголовке документа
• Исправлено: убедитесь, что перезагруженный затвор может найти его изображения.

V2.1.31 — 04.05.2016

• NEW: добавлена ​​константа NGG_SCRIPT_VERSION, которая является либо версией плагина, либо rand (), если SCRIPT_DEBUG находится на
• НОВИНКА: добавлено предупреждение при сохранении галерей и отказ от автоматического удаления галерей с одним или несколькими «../ ”на своем пути.
• Изменено: поле заголовка ATP запрещает использование нескольких символов (пробелы,?, |, &, [,]), Заменяя их дефисами при вводе.
• Изменено: теперь get_static_url () ищет в каталоге WP_CONTENT / ngg / (имя_модуля) / static для переопределения CSS / JS
• Исправлено: ошибка, представленная в 2.1.24, позволяющая путям и ярлыкам галереи содержать пробелы; галереи необходимо «сохранить» один раз, чтобы исправить

.