@alexeeey_kuznetsov

Как совместить работу появление лупы при наведении на картинку вместе с плагином увеличения по клику?

Мне необходимо, чтобы при наведении на изображение появлялся затемненный фон и иконка лупы. По нажатию на изображение уже с лупой, оно с помощью плагина lightzoom увеличивается и закрывается по желанию. Проблема в совместной их работе. При добавлении через jquery divов с лупой и фоном( по другому напрямую из css они появляться не хотят) не работает zoom и также в обратную сторону.
Помогите разобраться, я новичок в JS и Jquery, поэтому может быть какую мелкую деталь упустил.
Заранее спасибо.
Ссылка на Плагин: https://codernote.ru/files/plugins/jquery/lightzoo...
5c48568cbbf54887014038.png5c485693a4a36454662075.png5c4856a114f92635236663.png5c4856a62a2f4767816299.png5c4856acd2703782222606.png5c4856b43db8d022416979.png5c4856b9f1465799934995.png
  • Вопрос задан
  • 81 просмотр
Решения вопроса 1
shmatuan
@shmatuan
Vue, Node, RoR
Код скринами .-.
есть специальный тег code в составлении вопроса)

По сути вопроса - просто добавить div с position: absolute, где будет полупрозрачный фон и иконка, в стилях по наведению делать его видимым.
https://codepen.io/littlesnippets/pen/pjqaOx
https://codepen.io/littlesnippets/pen/LGpgGJ
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы