Привет! Такая проблема. На макете на есть слайдер, и на картинке в левом верхнем углу есть иконка лупы. Механикапонятная, по клику на лупу картинка в слайдере увеличивается. Помогите пожалуйста решить проблему или направьте в правильном направлении, перепробовала несколько вариантов, не получается, отображается после клика див с картинкой и иконкой, либо только иконка. В нужном размере картинка появляется только после клика по самой картинке.
Как выглядит слайд:
Сейчас код такой:
<a href="" class="zoom"> </a>
< div class="b-our-projects__slider__img-outer">
<img src="images/hotel1.jpg" alt="гостиница Юбилейная" class="b-our-projects__slider__img-inner"/>
</div>
$('.zoom').on('click',function(){
$('.b-our-projects__slider__img-outer').fancybox();
});