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

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

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

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

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

Похожие вопросы