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

Question

[alexeeey_kuznetsov]

Мне необходимо, чтобы при наведении на изображение появлялся затемненный фон и иконка лупы. По нажатию на изображение уже с лупой, оно с помощью плагина lightzoom увеличивается и закрывается по желанию. Проблема в совместной их работе. При добавлении через jquery divов с лупой и фоном( по другому напрямую из css они появляться не хотят) не работает zoom и также в обратную сторону.
Помогите разобраться, я новичок в JS и Jquery, поэтому может быть какую мелкую деталь упустил.
Заранее спасибо.
Ссылка на Плагин: https://codernote.ru/files/plugins/jquery/lightzoo...

Answer 1

[shmatuan]

Код скринами .-.
есть специальный тег code в составлении вопроса)

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

Comments

[alexeeey_kuznetsov]

Спасибо большое!
Я бы с codepen вставил, да загружать не хотел тот плагин- js, css...)
Не подскажите, мне надо этот скрипт убрать на маленьких разрешениях, как это сделать?
Я что только не пробовал, всё просто, в 2 строчки, но не видит и всё с ним.