首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >cytoscape-panzoom插件上缺少图标

cytoscape-panzoom插件上缺少图标
EN

Stack Overflow用户
提问于 2012-07-03 23:55:04
回答 1查看 728关注 0票数 0

我想使用随Cytoscape.js一起分发的cytoscape-panzoom插件。在我的html页面中,我已经包含了来自cytoscape-web/plugins目录的相应文件,以及jquery和jquery-ui:

代码语言:javascript
复制
<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文件是可访问的,当我在浏览器中粘贴链接时可以看到它们):

代码语言:javascript
复制
.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");
}

但是,在页面加载后,会显示缩放控件(圆圈、滑块等)缺少他们的图标,可以在这个屏幕截图中看到(资源不再存在)。有谁知道我做错了什么吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-07-04 04:05:27

如果从master分支构建,则可能需要重新下载样式表。我认为您的选择器已过时,因为名称已更改。类名中将不再有cytoscapeweb

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/11314718

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档