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

Как сделать слайдер (слайд-шоу, галерею) на целевых страницах

Слайдер

Внимание: галерею (слайдер с прокруткой и увеличением изображений по клику) и слайдер отзывов можно создать использовав готовые инструменты нашего редактора:

Скриптовая реализация нестандартного слайдера: 

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

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

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

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

3. Через инструмент “Произвольный HTML” интегрируйте код, размещенный тут.

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

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

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

Комментарии

  • Avatar
    Эльвир

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

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

    Здравствуйте, Эльвир!

    Самое простое и удобное решение - использовать готовый слайдер-галерею, этот инструмент описан в статье по ссылке:
    https://lpgenerator.zendesk.com/hc/ru/articles/204867747

    Если это решение всё же вам не подойдёт - опишите детали задачи в письме на support@lpgenerator.ru - обязательно найдём варианты решений!

  • Avatar
    Эльвир

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

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

    Здравствуйте, Эльвир!

    Пожалуйста, напишите по адресу support@lpgenerator.ru
    В письме укажите адрес страницы, на которую пробуете добавлять код, а также пришлите пример слайдера, который хотите реализовать.

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

  • Avatar
    Александр

    Приветствую! А как рамку убрать?

  • Avatar
    Константин Руденок

    Здравствуйте, Александр!

    Для того, чтобы редактировать внешний вид слайдера, Вам потребуется изменять его стилистистические свойства. Для подробной демонстрации того, какую именно часть кода потребуется изменить, напишите нам на support@lpgenerator.ru, и мы предоставим подробный комментарий по необходимым действиям.