Как сделать галерею из 1-ой картинки?

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

Автор Темы
foy800
Читатель
Читатель
Сообщения: 18
Зарегистрирован: 10 сен 2014, 10:24
Версия Web Builder: 9

Как сделать галерею из 1-ой картинки?

Сообщение foy800 » 14 фев 2016, 18:57

Доброго времени суток!
Подскажите как сделать такую галерею, чтобы при вставлении одной картинки потом при нажатии на нее можно было прокручивать другие фото.
Пример как здесь: http://otdelkovo.me/

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

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 14 фев 2016, 19:19

Мне кажется можно попытаться сделать это посредством всплывающего слоя,с крестиком закрытия, и в этом слое разместить карусель, тогда можно добавить ряд интересных эффнектов при переходе допустим, будет время скину Вам набросок wbs небольшой как я это вижу.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
foy800
Читатель
Читатель
Сообщения: 18
Зарегистрирован: 10 сен 2014, 10:24
Версия Web Builder: 9

Как сделать галерею из 1-ой картинки?

Сообщение foy800 » 14 фев 2016, 20:48

Cпасибо. С нетерпением жду

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 14 фев 2016, 21:32

Вот как и обещал пример http://karusel111.offershop.ru/2/ вот архив http://karusel111.offershop.ru/2.zip
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Smith
Неофит
Сообщения: 1
Зарегистрирован: 14 фев 2016, 23:01
Версия Web Builder: 10

Как сделать галерею из 1-ой картинки?

Сообщение Smith » 15 фев 2016, 00:29

Измените в свойствах карусели режим на forward-circular - будет смотреться более органично.

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 15 фев 2016, 18:15

Если поменять режим прокрутки карусели, то надо менять событие в теге картинок что бы карусель к выбранной картинке прокручивалась, а мне некогда заниматься этим (перепаковывать и по новой заливать на сервак), так что пользуйтесь дефолтным вариантом, либо попробуйте придумать своё решение.
Последний раз редактировалось Gudwinn 15 фев 2016, 18:18, всего редактировалось 1 раз.
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
foy800
Читатель
Читатель
Сообщения: 18
Зарегистрирован: 10 сен 2014, 10:24
Версия Web Builder: 9

Как сделать галерею из 1-ой картинки?

Сообщение foy800 » 15 фев 2016, 18:18

Gudwinn, спасибо огромное!
Только я не понял почему так могло получиться, ведь слой на котором вы сделали карусель скрытый, а при просмотре открытый.

Отправлено спустя 1 минуту 30 секунд:
Я конечно удивлен, что до сих пор в стандартных инструментах нет такого варианта галереи. На большинстве конструкторов именно такая галерея взята за основу.

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 15 фев 2016, 18:22

foy800 писал(а):Источник цитаты Я конечно удивлен, что до сих пор в стандартных инструментах нет такого варианта галереи.

С помощью событий, можно извращатся над слоями как угодно, и над отображением. Юзайте события, здесь на форуме много есть об этом статей, я скоро сайт добью свой, там будет серия видеоуроков про события на все случаи жизни))
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
foy800
Читатель
Читатель
Сообщения: 18
Зарегистрирован: 10 сен 2014, 10:24
Версия Web Builder: 9

Как сделать галерею из 1-ой картинки?

Сообщение foy800 » 15 фев 2016, 18:35

Gudwinn, скиньте заранее где будет расположена данная инфа)) Я стану первым читателем.

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

Sveta2608
Продвинутый
Продвинутый
Сообщения: 253
Зарегистрирован: 23 июл 2015, 12:06
Версия Web Builder: 11.2.4

Как сделать галерею из 1-ой картинки?

Сообщение Sveta2608 » 15 фев 2016, 21:39

foy800, ни первый, тут первых уже уже очередь :mi_ga_et:
А чё я. Я ничё. Другие вон чё, и ничё, а я чуть чё, и сразу вон чё.

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

Normiq
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 23 фев 2016, 00:26
Версия Web Builder: 10.4.8

Как сделать галерею из 1-ой картинки?

Сообщение Normiq » 24 фев 2016, 14:01

Gudwinn, спасибо большое за ваше решение. А можно ли добавить в ваш пример http://karusel111.offershop.ru/2/, так чтобы при наведении менялась картинка, но при этом и оставалаь прокрутка фото?

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 24 фев 2016, 14:09

Здравствуйте, не совсем понял, можно ссылку примера где нужный Вам эффект реализован?
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Normiq
Читатель
Читатель
Сообщения: 8
Зарегистрирован: 23 фев 2016, 00:26
Версия Web Builder: 10.4.8

Как сделать галерею из 1-ой картинки?

Сообщение Normiq » 24 фев 2016, 14:13

Gudwinn, http://konstantinanisimov.ru/
Раздел "Фото"

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 24 фев 2016, 14:29

Если имеется ввиду картинка превьюшка, то её конечно же можно сделать допустим управляемым изображением, главную роль тут играют события, которые в картинках превьюшках
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

artem2015
Интересующийся
Интересующийся
Сообщения: 25
Зарегистрирован: 02 янв 2015, 22:41
Версия Web Builder: 10.0.1
Имя: Артем

Как сделать галерею из 1-ой картинки?

Сообщение artem2015 » 25 фев 2016, 00:16

Я так понимаю такое можно провернуть с помощью
Галереи

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 25 фев 2016, 01:19

artem2015 писал(а):Источник цитаты с помощью
Галереи

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

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

artem2015
Интересующийся
Интересующийся
Сообщения: 25
Зарегистрирован: 02 янв 2015, 22:41
Версия Web Builder: 10.0.1
Имя: Артем

Как сделать галерею из 1-ой картинки?

Сообщение artem2015 » 28 фев 2016, 11:04

Как у вас в примере?

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

Gudwinn
Эксперт
Эксперт
Сообщения: 1418
Зарегистрирован: 07 авг 2015, 18:39
Версия Web Builder: 11.0.2
Имя: Кирилл

Как сделать галерею из 1-ой картинки?

Сообщение Gudwinn » 28 фев 2016, 14:06

в примере я в силу привычки всё оцентровал, но автор темы скачав проект, сразу поймёт что их хоть сикось накось распологай, они своё дело будут выполнять ( для особо вдумчивых, будут открывать во всплывающем окне карусель с листалкой фоток)
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853


Ответить

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

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

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