我想使用随Cytoscape.js一起分发的cytoscape-panzoom插件。在我的html页面中,我已经包含了来自cytoscape-web/plugins目录的相应文件,以及jquery和jquery-ui:
<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中,我已经按照注释中的建议修改了包含ui图标的png文件的位置( 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");
}但是,在页面加载后,会显示缩放控件(圆圈、滑块等)缺少他们的图标,可以在这个屏幕截图中看到(资源不再存在)。有谁知道我做错了什么吗?
发布于 2012-07-04 04:05:27
如果从master分支构建,则可能需要重新下载样式表。我认为您的选择器已过时,因为名称已更改。类名中将不再有cytoscapeweb。
https://stackoverflow.com/questions/11314718
复制相似问题