Проблема с библиотекой fancybox до этого не работал с ней поэтому не могу понять в чем ошибка (при клике на ссылку происходит обычный переброс на картинку без использования fancybox). Вот код
$(document).ready(function() {
$("a.galery__item").fancybox({
"padding": 20,
"imageScale": false,
"zoomOpacity": false,
"zoomSpeedIn": 1000,
"zoomSpeedOut": 1000,
"zoomSpeedChange": 1000,
"frameWidth": 700,
"frameHeight": 600,
"overlayShow": true,
"overlayOpacity": 0.8,
"hideOnContentClick": false,
"centerOnScroll": false
});
})
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-
DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/fancybox/3.3.5/jquery.fancybox.min.js"></script>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<body>
<header class="header">
<div class="section6">
<div class="section6__title">
Галерея
</div>
<div class="section6__galery">
<a href="images/IMG_7337.png" class="galery__item" rel="group"><img src="images/IMG_7337.png"></a>
<a href="images/IMG_7661.png" class="galery__item" rel="group"><img src="images/IMG_7661.png"></a>
<a href="images/IMG_7352.png" class="galery__item" rel="group"><img src="images/IMG_7352.png"></a>
<a href="images/IMG_7872.png" class="galery__item" rel="group"><img src="images/IMG_7872.png"></a>
<a href="images/IMG_8038.png" class="galery__item" rel="group"><img src="images/IMG_8038.png"></a>
<a href="images/IMG_7723.png" class="galery__item" rel="group"><img src="images/IMG_7723.png"></a>
<a href="images/IMG_8052.png" class="galery__item" rel="group"><img src="images/IMG_8052.png"></a>
<a href="images/IMG_7412.png" class="galery__item" rel="group"><img src="images/IMG_7412.png"></a>
</div>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-alpha.6/js/bootstrap.min.js" integrity="sha384-vBWWzlZJ8ea9aCX4pEW3rVHjgjt7zpkNpZk+02D9phzyeVkE+jo0ieGizqPLForn" crossorigin="anonymous"></script>