Дисплей изображения Colorbox не работает

Question

У меня есть простой тег "а" в моем HTML как

<a class='gallery' href='image.jpg'>photo</a>

Мое JQuery это...

 $(document).ready(function() {
 $('a.gallery').colorbox();
 });

Тем не менее, он просто открывает изображение в новом окне.

Мой импорт такой...

<link rel="stylesheet" href="colorbox.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="jquery.colorbox-min.js"></script>

Что касается загрузки, я извлек ее в папку с остальными файлами моего сайта.

Answer 1

Я думаю, что ваши ресурсы не найдены. Попробуйте использовать CDN и проверьте ваши пути JS.

Я положил рабочий пример здесь.

$(document).ready(function() {
  $('a.gallery').colorbox();
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.colorbox/1.6.4/jquery.colorbox-min.js"></script>
<a class='gallery' href='http://www.telegraph.co.uk/content/dam/Travel/galleries/travel/hubs/thebigpicture/the-big-picture-photography-competition-round-393/Fary-Afshar-xlarge.jpg'>photo</a>