В плагине cytoscape-panzoom отсутствуют иконки

Question

Я хочу использовать плагин cytoscape-panzoom, распространяемый вместе с Cytoscape.js. На моей 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 Я изменил расположение файлов 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");
}

Однако после загрузки страницы элементы управления панорамированием (круг, ползунок и т. Д.) Теряют свои значки, как видно на этом снимке экрана (ресурс больше не существует). Кто-нибудь знает, что я делаю не так?

Answer 1

Если вы строите из основной ветки, вам, возможно, придется заново загрузить таблицу стилей. Я думаю, что ваши селекторы устарели с момента смены названия. Имена классов не будут иметь cytoscapeweb во имя больше.