cytoscape-panzoom插件上缺失的圖標

我想使用Cytoscape.js發佈的cytoscape-panzoom插件。在我的HTML頁面，我已經包括從Cytoscape中的Web/plugins目錄中根據文件，以及jQuery和jQuery的用戶界面：cytoscape-panzoom插件上缺失的圖標

<link rel="stylesheet" href="javascript/jquery.cytoscapeweb-panzoom.css" /> 
<script type="text/javascript" src="javascript/jquery-ui-1.8.20.custom.min.js"></script> 
<script type="text/javascript" src="javascript/jquery.cytoscapeweb-panzoom.js"></script>

在CSS文件jquery.cytoscapeweb-panzoom.css我已經修改了PNG文件的位置包含UI的圖標作爲註釋（的PNG文件是可訪問的，我可以看到他們時，我粘貼到瀏覽器鏈接）建議：

.ui-cytoscapeweb-panzoom-zoom-button .ui-icon { 
    /*background-image: url("../images/ui-icons_ffffff_256x240.png"); /* point to your copy of the img */ 
    background-image: url("http://cpdb.molgen.mpg.de/download/ui-icons_ffffff_256x240.png"); 
} 

.ui-cytoscapeweb-panzoom-pan-button .ui-icon { 
    /*background-image: url("../images/ui-icons_000000_256x240.png"); /* point to your copy of the img */ 
    background-image: url("http://cpdb.molgen.mpg.de/download/ui-icons_000000_256x240.png"); 
} 

.ui-cytoscapeweb-panzoom-static .ui-cytoscapeweb-panzoom-zoom-button .ui-icon { 
    /*background-image: url("../images/ui-icons_000000_256x240.png"); /* point to your copy of the img */ 
    background-image: url("http://cpdb.molgen.mpg.de/download/ui-icons_000000_256x240.png"); 
}

然而，在頁面加載時，panzoom控制後（圓圈，滑塊等）都沒有它們的圖標，正如在這個截圖中可以看到的（資源不再存在）。有沒有人有線索我做錯了什麼？

來源

2012-07-03 Atanas Kamburov

如果您從主分支構建，則可能需要重新下載樣式表。我認爲自從名稱發生變化以來，選擇器已經過時。類名不再有名稱。

來源

2012-07-03 20:05:26 maxkfranz

實際上，我正在使用「下載」部分的預發佈zip ... –

然後，您可能確實存在訪問圖像的問題。你的圖片在不同的域名？您的服務器設置是否正確，以允許訪問不同的域？如果不是這樣，你可能會在其他地方重寫CSS。你也有一個白色的PNG，讓事情看不見。 – maxkfranz

白色是我沒有想過的一個好點，但改變它並不能解決問題。圖像是在同一個域，現在我甚至將它們複製到CSS所在的同一目錄（並將相應的行更改爲'background-image：url（「ui-icons_000000_256x240.png」）;'在css中） - 依然沒有。 [這是完整的CSS]（https://www.dropbox.com/s/c972uvdlb73w4gc/jquery.cytoscapeweb-panzoom.css），如果你想看看： –

cytoscape-panzoom插件上缺失的圖標

回答

相關問題