0

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-iconsを含む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");
}

ただし、ページが読み込まれた後、このスクリーンショットに示されているように、パンズームコントロール（円、スライダーなど）にはアイコンがありません（リソースはもう存在しません）。誰かが私が間違っていることの手がかりを持っていますか？

4

1 に答える 1

0

マスターブランチからビルドしている場合は、スタイルシートを再ダウンロードする必要がある場合があります。名前が変わったので、あなたが持っているセレクターは古くなっていると思います。クラス名はcytoscapewebもう名前に含まれていません。

于 2012-07-03T20:05:26.617 に答える