Как сделать такую галерею или карусель!?

WYSIWYG Web Builder, вопросы которые не охвачены в других разделах.
Правила форума
1. Название темы должно кратко описывать суть вашего вопроса, темы типа: "Помогите", "Почему", "Что это", "Что-то глючит" - будут удаляться.
2. Задавая свой вопрос, постарайтесь предоставить максимум информации о проблеме, если есть возможность, приложите шаблон проекта *.wtp.
Подробнее: Правила создания новых тем и ответов на существующие темы.
Данный форум - это место обсуждения вопроса, а не техподдержка в классическом смысле. Все участники форума Web Builder по-русски с удовольствием вам помогут, если это будет в их силах.
Ответить
Аватара пользователя

Автор Темы
wekto
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 16 июн 2014, 12:49
Версия Web Builder: 9.4.4
Имя: Алексей

Как сделать такую галерею или карусель!?

Сообщение wekto » 13 сен 2014, 16:33

Здравствуйте. На главной странице есть галерея или карусель. Как сделать ее, чтобы менялось по одной фотографии или где скачать и как установить на сайт. Ссылка на пример: http://likehostels.ru/

Реклама
Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1397
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Как сделать такую галерею или карусель!?

Сообщение Конструкторщик » 14 сен 2014, 19:50

Каждая последующая версия программы, в основном-это исправление косяков предыдущей.

Аватара пользователя

Автор Темы
wekto
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 16 июн 2014, 12:49
Версия Web Builder: 9.4.4
Имя: Алексей

Re: Как сделать такую галерею или карусель!?

Сообщение wekto » 14 сен 2014, 20:05

Спасибо, но это совсем не то!

Аватара пользователя

Конструкторщик
Эксперт
Эксперт
Сообщения: 1397
Зарегистрирован: 06 фев 2012, 14:01
Версия Web Builder: 12.0.2

Re: Как сделать такую галерею или карусель!?

Сообщение Конструкторщик » 14 сен 2014, 20:11

Пытался с того сайта "сдернуть",но не получается.
А в билдере с этим голову ломать надо.
Найди еще парочку сайтов с такой карусельную,попытаюсь исходник сдернуть оттуда.
Потом выложу сюда.
Каждая последующая версия программы, в основном-это исправление косяков предыдущей.


sashabycador

Re: Как сделать такую галерею или карусель!?

Сообщение sashabycador » 16 сен 2014, 20:01

wekto писал(а):Здравствуйте. На главной странице есть галерея или карусель. Как сделать ее, чтобы менялось по одной фотографии или где скачать и как установить на сайт. Ссылка на пример: http://likehostels.ru/

Есть предположение, что слайд-шоу сделано с помощью JavaScript и JQuery. Попробуйте загуглить на тему "Как сделать слайд-шоу на сайте". Разобраться в примерах, а потом вставить нужные коды в html-страницы, созданные с помощью WB.

Аватара пользователя

vlad
Подающий надежды
Подающий надежды
Сообщения: 145
Зарегистрирован: 08 янв 2014, 19:40
Версия Web Builder: 9.2
Имя: Владимир

Re: Как сделать такую галерею или карусель!?

Сообщение vlad » 16 сен 2014, 22:07

wekto писал(а):Здравствуйте. На главной странице есть галерея или карусель. Как сделать ее, чтобы менялось по одной фотографии или где скачать и как установить на сайт. Ссылка на пример: http://likehostels.ru/

Попробуйте расширение Conveyer Belt SlideShow, очень похоже на то, что ищете.

Аватара пользователя

Автор Темы
wekto
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 16 июн 2014, 12:49
Версия Web Builder: 9.4.4
Имя: Алексей

Re: Как сделать такую галерею или карусель!?

Сообщение wekto » 06 окт 2014, 15:21

Увы, Belt SlideShow не подходит. Слайд сделан на JQuery. Но если вставлять его на сайт webbuilder, менять можно только картинки, но, например: расстояние между картинками и количество картинок нельзя. Может все-таки есть еще какие-то версии? Готов дать небольшое вознаграждение:)

Аватара пользователя

vlad
Подающий надежды
Подающий надежды
Сообщения: 145
Зарегистрирован: 08 янв 2014, 19:40
Версия Web Builder: 9.2
Имя: Владимир

Re: Как сделать такую галерею или карусель!?

Сообщение vlad » 06 окт 2014, 15:57

wekto писал(а):Увы, Belt SlideShow не подходит. Слайд сделан на JQuery. Но если вставлять его на сайт webbuilder, менять можно только картинки, но, например: расстояние между картинками и количество картинок нельзя. Может все-таки есть еще какие-то версии? Готов дать небольшое вознаграждение:)

А чем именно не подходит? Там всё можно менять как Вам нужно, единственное, нет стрелок.

Аватара пользователя

Автор Темы
wekto
Читатель
Читатель
Сообщения: 6
Зарегистрирован: 16 июн 2014, 12:49
Версия Web Builder: 9.4.4
Имя: Алексей

Re: Как сделать такую галерею или карусель!?

Сообщение wekto » 06 окт 2014, 16:17

В том-то и дело что требуются стрелки для перелистывания, а не просто автоматическое передвижение картинок.

Аватара пользователя

Barsenal93
Читатель
Читатель
Сообщения: 22
Зарегистрирован: 14 авг 2015, 06:36
Версия Web Builder: 10.4.2

Как сделать такую галерею или карусель!?

Сообщение Barsenal93 » 24 мар 2017, 04:51

Подскажите, возможно ли наклонить галерею, например, градусов на 25?

Отправлено спустя 27 минут 23 секунды:
Нашел одно решение. в HTML документа (галереи) перед тегом вставил <div style="-webkit-transform:rotate(-3deg);"> после тега <div>. Со значением rotate можно поиграть. Но на мой взгляд - это колхоз. Думаю, есть решение лучше

Аватара пользователя

SuperBatya
Продвинутый
Продвинутый
Сообщения: 210
Зарегистрирован: 18 сен 2016, 01:05
Версия Web Builder: 11.2.3

Как сделать такую галерею или карусель!?

Сообщение SuperBatya » 25 мар 2017, 05:00

А почему не использовать SlideShow --> Тип: конвейерная лента, а затем либо через событие onclick пробовать ("Следующее в слайд шоу") или через таймер...
Пробовал javascript на кнопку ( $('#Slideshow1').slideshow('goto,1'); ) - что то не хочет...


Ответить

Вернуться в «Общие вопросы.»

Кто сейчас на конференции

Сейчас этот форум просматривают: нет зарегистрированных пользователей и 1 гость