BG image doesn't display in files is live

[KJoe]

I have used an excellent HTML5 template which uses JS to display background images. However while this works locally it doesn't when published. The site structure is sound and I notice this happens with the source files I downloaded also so it's nothing I have done in my build which could have caused this.

This is the link to my site, everything is fine except the background image not showing.

http://www.khawkinsdesign.com

Any ideas, as I say fine locally, not fine when published?

[Excavator]

Hello KJoe,
This is probably a path issue since I can see twilight.jpg when I use an absolute path. It does not work from your js as a relative path though.

Try this - { "image" : "../img/bg/twilight.jpg", "color" : "#a9a9a7" },

or just this { "image" : "/img/bg/twilight.jpg", "color" : "#a9a9a7" },

or an absolute path. That would at least verify the js is going to load the image at all - { "image" : "http://www.khawkinsdesign.com/img/bg/twilight.jpg", "color" : "#a9a9a7" },

See absolute/relative paths here.

[KJoe]

I haved checked the path, altered it to your suggestions but still this doesn't work. Would it be a js issue? As I say it works locally fine just not live...

[_Aerospace_Eng_]

Looks like your prettyphoto javascript and CSS files are returning 403 forbidden to the browser. Did you upload those files? Or do you have some kind of htaccess preventing access to those files?

[DJCMBear]

The OP has posted this in the Javascript forum also where I have also told the OP what the issue with the files are, due to them not even existing in the file/folder tree.