Highslide not expanding, constant loading

Highslide not expanding, constant loading

Ok, i've searched for the answer, and nobody has what im looking for. I've
checked the image paths, the graphic directory, everything, and no matter
what, whenever i attempt to expand the thumbnails in the gallery, the
loading bar comes up, but the bigger images aren't loading. The weirdest
thing about this is it runs fine when i run it locally, but when i try it
live it doesn't work. Here's how i call my files:
<script
src="/highslide/highslide/highslide-with-gallery.packed.js"></script>
<script>
//Highslide configurations
hs.graphicsDir = '/highslide/highslide/graphics/';
hs.fadeInOut = true;
hs.align = 'center';
hs.headingEval = 'this.thumb.title';
hs.showCredits = false;
hs.addSlideshow({
interval: 3000,
repeat: false,
useControls: true,
fixedControls: true,
overlayOptions: {
opacity: .6,
position: 'top center',
hideOnMouseOut: true
}
});
hs.transitions = ['expand', 'crossfade'];
This is all in my head tag. I create the image thumbnails like so:
counter = 1;
while (counter <= thumbnail_count)
{
$("<li>" +
"<a href='/img/full_size_images/full_img_" + counter + ".jpg'
class='highslide' onclick='return hs.expand(this)'>" +
"<img src='/img/thumbnail_images/thumb_"+ counter + ".jpg'
title='" + image_titles[counter - 1] + "'/>"+
"</a></li>").appendTo($("#highslide_ul"));
counter++;
}
Like i said, this works perfectly when run off my local machine. I've
checked the network panel on chrome, when run locally the images load when
the thumbnail is clicked.... so confused.