Во вложении пример того, что нужно сверстать.
Т.е. имеем классические табы, внутри которых лежат вложенные вкладки "Сетевые", "Автономные" и "Гибридные" которые + внутри каждой вложенной вкладки есть отдельное деление на погоду "Солнечно", "Дождливо" и т.д.
При клике на вкладку "Для бизнеса" меняем всю картинку целиком, там будет коммерческая недвижимость. При клике на "Сетевые электростанции" например, меняем на рисунке крест на пунктиры и пунктиры немного меняем на самой картинке – показываем, что электричество берем со столба.
Получается один слой картинки, на которую отдельно кладем пунктиры.

При клике на "Дождливо" например, меняем фон картинки, рисуем например над домом облачность, под домом фон делаем сильно темнее и дождь, солнце по центру меняем на тучу с каплями дождя (дизайнер разумеется покажет все как надо).

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

Ниже, под этим блоком есть еще описание выбранного типа электростанции – если выбран табом "Автономные электростанции, вне зависимости от выбранной погоды, ниже показываем описательный блок с тем, что такое автономные электростанции и даем ссылки.

В идеале добавить будет эффекты наведения на солнце (лучи бегают по кругу или от центра разбегаются в стороны),если туча, то шатается, капли падают. Но это вторично.

Ну и разумеется нужны мобильные адаптации.

Не знаю понятно ли объяснил, задавайте вопросы, без проблем отвечу.

Опубликовано 1 год назад