База знаний
по возможностям платформы

Галерея изображений с увеличением из миниатюры по клику

Галерея изображений с увеличением из миниатюры по клику

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

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

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

Наглядный пример предложенной галереи вы можете просмотреть и протестировать здесь.

Как сделать галерею с увеличением по клику?

1. Скопируйте код отсюда (Part_1) и вставьте его через инструмент “Скрипты” внутри тега <HEAD>.

2. Скопируйте код отсюда (Part_2) и вставьте его через инструмент “Скрипты” перед тегом </BODY>.

3. Через инструмент “Произвольный HTML” вставляем блок миниатюр, скопировав код отсюда (Part_3).

Внимание! Вместо http://URLизображения/1.png (и прочих) нужно указать ссылки на изображения, которые должны отображаться в галерее!

4. Через инструмент “Произвольный HTML” вставляем блок полноформатных изображений, скопировав код отсюда (Part_4).

Внимание! Вместо http://URLизображения/1.png (и прочих) нужно указать ссылки на изображения, которые должны отображаться в галерее!

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

С уважением,
техническая поддержка LPgenerator

Была ли эта статья полезной?
Пользователи, считающие этот материал полезным: 11 из 12
Еще есть вопросы? Отправить запрос

Комментарии

  • Avatar
    Ринат

    Добрый день. При нажатии на миниатюру полноформатный размер не открывает. вот страница https://lpgenerator.ru/var/284823/

  • Avatar
    Алена Балакина

    Здравствуйте, Ринат!

    На данной странице некорректно добавлен код. Пожалуйста, обратитесь в службу технической поддержки по адресу: support@lpgenerator.ru

    Мы решим Вашу проблему в частном порядке.

  • Avatar
    Константин Аркадьевич Харлашкин

    Кнопка закрытия изображения не видна!!! Она есть в правом верхнем углу, но ее не видно

  • Avatar
    Лина Малькова

    Здравствуйте, Константин! Сейчас проще воспользоваться встроенным виджетом для галереи или увеличением по клику, если это отдельные изображения.
    Руководство по настройке увеличения изображения по клику или наведению:
    http://lpgenerator.ru/blog/2014/03/19/obnovlenie-redaktora-lpgenerator-uvelichenie-izobrazheniya/

    Руководство по настройке галереи с помощью встроенного виджета:
    http://lpgenerator.ru/blog/2014/04/29/galereya-izobrazhenij-novyj-vidzhet-v-redaktore-lpgenerator/

  • Avatar
    Максим Пермяков

    Кликнув по картинке при увеличении, над картинкой вслед всплывает темный фон, как это исправить?

  • Avatar
    Максим Гуйван

    Здравствуйте, Максим!

    Есть целый ряд возможных причин для такого поведения: от некорректных параметров галереи до конфликта скриптов.

    Наилучшим решением будет связаться со службой поддержки любым из способов, например по почте support@lpgenerator.ru - и сообщить адрес страницы, на которой имеется проблема. Так мы сможем выяснить причины и предложить решение, которые подойдут именно в вашем случае.