Lightbox image viewer loading with no image appearing.

[bludiva]

I am trying to install the “Lightbox image viewer” I have done everything it has asked me to do but its not working. When I click on a thumbnail the screen dims, the loading icon appears but no image loads. I just cannot think what the problem is. I have used this script before with no problem (apart from now).

The files for this script are contained in a "scripts" folder.

Head:

<link rel="stylesheet" type="text/css" href="css/sam-css.css"  />
<link rel="stylesheet" href="scripts/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="scripts/lightbox.js"></script>

HTML:

<div class="artist-gallery-wrapper">
<li class="artist-gallery a"><a href="potta-large1.html" rel="lightbox" ><img src="images/slices/gallery/potta-gallery-thumbnail.jpg" class="img-border" /></a></li>
<li class="artist-gallery a"><a href="potta-large2.html" rel="lightbox"><img src="images/slices/gallery/potta-gallery-thumbnail2.jpg" class="img-border" /></a></li>
<li class="artist-gallery a"><a href="potta-large3.html" rel="lightbox"><img src="images/slices/gallery/potta-gallery-thumbnail3.jpg" class="img-border" /></a></li>
</div>

[bludiva]

I have also just tried changing file names and image names and this not worked either :-(