Getting image resources from jsfiddle

Question

I have a working script from jsfiddle, but in the css file its image links. It works on jsfiddle.

What I did in my project: I created empty script files and named them with the same name as in jsfiddle. then copied the script file code from the script to jsfiddle and pasted it into an empty file and saved it. Javascript seems to work in my project, but the lightbox does not look right and probably because the css file refers to the images. Where can jsfiddle get images referenced in css?

http://jsfiddle.net/markcoleman/trnZS/2/

I found png files as needed and added them to my App_Themes / Theme1 / folder, and then changed css to background-image: url ('App_Themes / Theme1 / fancybox.png'); but he still does not see the image. Not sure what I am doing wrong?

Is this a valid way to link to an image in a css file?

background-image: url('../css/images/fancybox.png'); 

Answer 1

Looks great?

If you want to inspect the elements, I recommend Google Chrome and the built-in console, it is much better for me than firefox + firebug.

Answer 2

Firefox + Firebug, right click, check item.

Answer 3

If you're talking about loading animations and images of close buttons, do you also have the FancyBox plugin installed? That jsfiddle seems to reference these images.

If you do not need a plugin, png files look like sprites, do you set the background position?