Задать вопрос
Cloud47
@Cloud47
Frontend, javascript, HTML, CSS
веб-разработка

Нужен плагин для сайта, какой подойдет?

Здравствуйте. Помогите с реализацией списка, по наведению на пункт которого должна меняться картинка. Какой плагин можно применить в данной ситуации?5c093b92c8602903063477.png
  • Вопрос задан
  • 66 просмотров
1 комментарий
Подписаться 2 Простой 1 комментарий
Решения вопроса 1
@Narts
Можно и без плагинов
Вот базовая концепция
В списке, у каждого li добавить data-image с ссылкой на картинку
<ul>
<li data-image="site.ru/banner1.png">Пункт 1</li>
<li data-image="site.ru/banner2.png">Пункт 2</li>
...
<li data-image="site.ru/bannerN.png">Пункт N</li>
</ul>


Далее написать обработчик, который при ховере на наши li, берет значение data-image и вставляет в нужное место

Можно и на чистом CSS такое реализовать, но это уже будет такое себе, как по мне
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
Веб-разработчик
Искра • Екатеринбург
от 80 000 до 100 000 ₽
Веб-разработчик
Art gorka • Санкт-Петербург
от 60 000 ₽
Fullstack PHP Developer
Smapse Education
от 40 000 до 65 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Сделать веб-приложение на основе опенсорсной Миро-доски
25 апр. 2024, в 09:13
90000 руб./за проект
Написать индикатор на TradingView по хаям/лоям дня недели
25 апр. 2024, в 08:45
4000 руб./за проект
Вычислить размер объекта по карте глубин
25 апр. 2024, в 07:37
5000 руб./за проект
Ещё заказы