ekhlusov
@ekhlusov
Верстка, разработка сайтов

Как реализовать эффект радио?

Есть макет, необходима реализация, уже голову сломал, не пойму как сделать, чтобы было красиво.
Необходимо водить по полоске с радио, и при наведении, чтобы она становилась активной. + стрелки внизу тоже должны быть рабочими, это будет так же, смена станции.
Подскажите как решить или в какую сторону искать решение?

Спасибо!
3cd072ddb84b40a5a17003eb2e686be3.jpg
  • Вопрос задан
  • 2377 просмотров
Пригласить эксперта
Ответы на вопрос 2
Symphony
@Symphony Куратор тега CSS
Карусельку ставите драгндропную, когда слайд по середине ему дают класс="актив", красите активный элемент через стили: вот и вся реализация. Лучше, конечно, написать самому на ваниле или жикверу, но этого вы не сделаете - отдайте на фрилансим.
Ответ написан
Сделать большой блок плеера. В нем блок с частотами, который явно будет больше блока "радио". В блок с частотами можно поместить статический блок отвечающий за отсечку, которая и показывает какая на данный момент волна. Далее остается сделать кнопки или что бы там хотите. Нажатия на них будут высчитывать на сколько какое количество пикселей сдвигать блок "частоты". А дальше уже JS высчитывать "реальные частоты" и воспроизводить то, что поймано)
Это конечно все абстракции. На практике все иначе. Как всегда....
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 апр. 2024, в 11:47
30000 руб./за проект
18 апр. 2024, в 11:46
5000 руб./за проект
18 апр. 2024, в 11:43
10000 руб./за проект