Слой-маска обьекта  [РЕШЕНО]

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

Автор Темы
spoon
Специалист
Специалист
Сообщения: 1060
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Слой-маска обьекта

Сообщение spoon » 03 мар 2017, 08:37

Подскажите, где можно посмотреть инфу по созданию слой-маска? Например: менять цвет стен на фото т.е. открываем рал цветов, выбираем и цвет стен на изображении комнаты меняется.
Съешь ещё этих мягких французских булок, да выпей чаю!

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

Автор Темы
spoon
Специалист
Специалист
Сообщения: 1060
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Слой-маска обьекта

Сообщение spoon » 03 мар 2017, 18:04

Может конечно это не слой-маска называется, но смысл надеюсь понятен.

Отправлено спустя 39 секунд:
Куда сунуться то хоть))
Съешь ещё этих мягких французских булок, да выпей чаю!

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

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

Слой-маска обьекта

Сообщение Конструкторщик » 03 мар 2017, 20:37

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

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

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

Слой-маска обьекта  [РЕШЕНО]

Сообщение Gudwinn » 04 мар 2017, 01:50

Вот накидал схематичный пример http://testcrm2.offershop.ru , что то подобное подразумевалось?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
spoon
Специалист
Специалист
Сообщения: 1060
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Слой-маска обьекта

Сообщение spoon » 04 мар 2017, 07:34

Gudwinn то что надо :co_ol: Где можно посмотреть инфу как это реализовывается?

Отправлено спустя 3 минуты 54 секунды:
Конструкторщик у меня была такая идея но это не реально, т.к. на странице будет куча скрытых фото, страница будет очень тяжелая. Может конечно попробывать через источник файлов, надо пробывать.

Отправлено спустя 33 минуты 21 секунду:
В ходе просмотра возникли следующие вопросы:
1. Изменения цвета только в таком варианте, можно при выборе рал цветов? Типа фотоки с рал цветами при нажатии на которых меняется цвет?
2. Как сделать смену картинки при выборе картинки например: на фото есть светильник из списка мы выбираем светильник необходимого дизайна и он вставляется на фото, если через события то тяжеловато будет, это нужно все фотки поместить на страницу и скрыть их, а каждой картинке из списка прописать событие.
Съешь ещё этих мягких французских булок, да выпей чаю!

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

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

Слой-маска обьекта

Сообщение Gudwinn » 04 мар 2017, 08:16

Ну, тут требуются знания JS и CSS . Я пошёл по простому пути, и потолок сделал из криволинейных дивов, и сверху поклал пнгэшную картику с куском потолка, хотя по уму надо делать на SVG. Цвет задаёт подключенный плагин колорпикер, вот прикладываю проект, надеюсь коллегам будет полезно

Отправлено спустя 2 минуты 2 секунды:
касательно того, как сделать что бы не нагружать страницу скрытыми фотками, ответ есть у меня, потом набросаю что нибудь, покажу
У вас нет необходимых прав для просмотра вложений в этом сообщении.
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
spoon
Специалист
Специалист
Сообщения: 1060
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Слой-маска обьекта

Сообщение spoon » 04 мар 2017, 09:03

Огромное спасибо
Съешь ещё этих мягких французских булок, да выпей чаю!

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

Автор Темы
spoon
Специалист
Специалист
Сообщения: 1060
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Слой-маска обьекта

Сообщение spoon » 04 мар 2017, 14:06

Криволинейных див изображений, может гиф или тег div имеется ввиду?
Съешь ещё этих мягких французских булок, да выпей чаю!

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

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

Слой-маска обьекта

Сообщение Gudwinn » 04 мар 2017, 21:18

Это я выразился неудачно)) обычным 2 слоям задал позиционирование в css transform: rotate(16deg); и transform: rotate(63deg); что бы создать развёрнутый угол потолка, ну и естественно основному слою задал overflow: hidden; что бы запчасти из потолка не торчали)))колорпикер потолка я в js настроил так, что бы он сразу 2 "полотна" менял цвет, создавая таким образом видимость единой поверхности. Вы разве не смотрели архив?
http://wysiwygwebbuilder.offershop.ru/
создание и разработка сайтов
Платные консультации
Готовые решения
Скайп: kirill47853

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

Автор Темы
spoon
Специалист
Специалист
Сообщения: 1060
Зарегистрирован: 17 сен 2016, 13:20
Версия Web Builder: 14.2.2
Имя: Дмитрий
Контактная информация:

Слой-маска обьекта

Сообщение spoon » 05 мар 2017, 07:27

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

Отправлено спустя 31 минуту 46 секунд:
Разобрался вроде, консоль в помощь))) Спасибо.

Отправлено спустя 8 минут 25 секунд:
Прозрачность стен и потолка в фотошопе задавали? Как получается что кусок потолка не меняет цвет, а стены и потолок меняет?

Отправлено спустя 8 минут 52 секунды:
Я так понимаю можно без слоев если картинку в SVG сделать и там прописывать все?
Съешь ещё этих мягких французских булок, да выпей чаю!


Ответить Вложения 2

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

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

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