從jsfiddle獲取圖像資源

我有一個來自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');

來源

2011-03-10 Nick LaMarca

那個jsfiddle似乎沒有工作了？ – 2011-12-16 06:01:02

看起來很好嗎？

如果你想檢查我建議谷歌瀏覽器的元素和它內置的控制檯，我喜歡它好得多然後火狐+螢火蟲。

來源

2011-03-10 16:11:19

我在更改css中的路徑時遇到問題。 – 2011-03-10 16:29:03

@NickLaMarca嘗試添加一個'/'到起始URL。 - 'url（'/ App_Themes/Theme1/fancybox.png'）' – 2011-03-10 16:34:49

Firefox + Firebug，右鍵單擊，檢查元素。

來源

2011-03-10 15:51:36

如果您正在討論加載動畫和關閉按鈕圖像，您是否還安裝了FancyBox plugin？這就是jsfiddle似乎在引用這些圖像的地方。

如果你不想插件，PNG文件看起來像精靈，你設置背景位置？

來源

2011-03-10 16:44:12

從jsfiddle獲取圖像資源

回答

相關問題