2011-03-10 118 views
0

我有一个来自jsfiddle的工作脚本,但在css文件中引用了图像。它适用于jsfiddle。从jsfiddle获取图像资源

我在我的项目中做的是: 创建空白脚本文件并将它们命名为jsfiddle上的相同名称。 然后将脚本文件代码从jsfiddle上的脚本复制并粘贴到空白文件中并保存。 JavaScript似乎在我的项目中工作,但灯箱看起来不正确,可能是因为CSS文件引用图像。在jsfiddle上,我可以获取在css中引用的图像吗?

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

我发现需要的PNG文件,并将它们添加到我的App_Themes文件/ THEME1 /文件夹,然后更改CSS背景图像:网址( 'App_Themes文件/ THEME1/fancybox.png') ;但它仍然没有看到图像。不知道我在做什么错了?

这是一个有效的方式来引用一个图像的CSS文件?

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

那个jsfiddle似乎没有工作了? – 2011-12-16 06:01:02

回答

1

看起来很好吗?

http://dl.dropbox.com/u/17927147/StackOverflow/Dog.png

如果你想检查我建议谷歌浏览器的元素和它内置的控制台,我喜欢它好得多然后火狐+萤火虫。

+0

我在更改css中的路径时遇到问题。 – 2011-03-10 16:29:03

+0

@NickLaMarca尝试添加一个'/'到起始URL。 - 'url('/ App_Themes/Theme1/fancybox.png')' – 2011-03-10 16:34:49

1

Firefox + Firebug,右键单击,检查元素。

0

如果您正在讨论加载动画和关闭按钮图像,您是否还安装了FancyBox plugin?这就是jsfiddle似乎在引用这些图像的地方。

如果你不想插件,PNG文件看起来像精灵,你设置背景位置?