Search code examples
javascriptjquerycolorbox

jQuery Colorbox plugin not loading images

I am trying to use jquery plugin Color Box: http://www.jacklmoore.com/colorbox/

HTML: 

<center>
    <div class='images'>
        <a class="group1" href="http://placehold.it/250x150" title="Фотография 1"><img src='http://placehold.it/250x150'></a> 
        <a class="group1" href="/media/images/background.jpg"> <img src='http://placehold.it/250x150'></a>
    </div>
</center>

JS: 

$(".images img").colorbox({rel:'images', transition:"fade"});

When I click to image black blank screen is appearing, black box, where picture must be situadted, appearing, icon loading constanlty spinning and image is not loading. There are no any errors or messages. Only icon loading.

How I can solve this problem?

Solution

  • Try this code:

    $(".images > .group1").colorbox({rel:'images', transition:"fade"});