@Happymalina

Как сделать чтобы увеличение картинки fancybox происходило по клику на ссылку-иконку?

Привет! Такая проблема. На макете на есть слайдер, и на картинке в левом верхнем углу есть иконка лупы. Механикапонятная, по клику на лупу картинка в слайдере увеличивается. Помогите пожалуйста решить проблему или направьте в правильном направлении, перепробовала несколько вариантов, не получается, отображается после клика див с картинкой и иконкой, либо только иконка. В нужном размере картинка появляется только после клика по самой картинке.
Как выглядит слайд:
8700b94d6d8b41dea7c96e322a1f3441.png

Сейчас код такой:
<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();
  });
  • Вопрос задан
  • 4370 просмотров
Пригласить эксперта
Ваш ответ на вопрос

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

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