0

DotNetNuke サイトでHighslide ( http://highslide.com/ ) を使用しようとしています。

問題は、サムネイルが Highslide で開くのではなく、単に画像にリンクしていることです。あたかもJavaScriptが無視されているかのようです。

スクリーン ショット セクションにサムネイル画像が表示されます。例は次のとおりです 。

モジュールの見出しに JavaScript 参照を含めました。

<script type="text/javascript" src="http://leansoftware.net/highslide/easing_equations.js"></script>
<script type="text/javascript" src="http://leansoftware.net/highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="http://leansoftware.net/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="http://leansoftware.net/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://leansoftware.net/highslide/highslide-ie6.css" />
<![endif]-->

そして、DNN モジュール content で:

<div class="highslide-gallery">
<ul>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Edit_Titles.jpg" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Edit_Titles.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/DataSourceTab.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/DataSourceTab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/Help/ExcelDatabaseTasks/Introduction/tabid/151/ctl/Edit/mid/682/language/en-US/highslide/images/large/Excel-More-Options.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-More-Options.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Workstation-Tab.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Workstation-Tab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/DestTemplateTab.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/DestTemplateTab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Auto-Filter.jpg" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Auto-Filter.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Edit-Relational-Data-In-Excel.jpg" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Edit-Relational-Data-In-Excel.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/Help/highslide/images/large/DataLoad.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/DataLoad.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Batch-Tab.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Batch-Tab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/WorksheetTab.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/WorksheetTab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/Help/ExcelDatabaseTasks/highslide/images/large/Task-Parameters-In-Action.jpg" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Task-Parameters-In-Action.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Task-Parameters.JPG" class="highslide">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Task-Parameters.JPG" />
    </a>
    </li>
</ul>
<div style="clear: both;"></div>
</div>

誰でも修正を提案できますか？

編集 (作者による) : 08:19 GMT 回答ありがとうございます。コードは次のようになります。

DNN モジュール ヘッダー:

script type="text/javascript" src="http://leansoftware.net/highslide/easing_equations.js"></script>
<script type="text/javascript" src="http://leansoftware.net/highslide/highslide-with-gallery.js"></script>
<script type="text/javascript" src="http://leansoftware.net/highslide/highslide.config.js" charset="utf-8"></script>
<link rel="stylesheet" type="text/css" href="http://leansoftware.net/highslide/highslide.css" />
<!--[if lt IE 7]>
<link rel="stylesheet" type="text/css" href="http://leansoftware.net/highslide/highslide-ie6.css" />
<![endif]-->

HTML モジュール:

<div class="highslide-gallery">
<ul>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Edit_Titles.jpg" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Edit_Titles.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/DataSourceTab.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/DataSourceTab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-More-Options.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-More-Options.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Workstation-Tab.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Workstation-Tab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/DestTemplateTab.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/DestTemplateTab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Auto-Filter.jpg" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Auto-Filter.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Edit-Relational-Data-In-Excel.jpg" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Edit-Relational-Data-In-Excel.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/Help/highslide/images/large/DataLoad.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/DataLoad.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Batch-Tab.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Batch-Tab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/WorksheetTab.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/WorksheetTab.JPG" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/Help/ExcelDatabaseTasks/highslide/images/large/Task-Parameters-In-Action.jpg" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Task-Parameters-In-Action.jpg" />
    </a>
    </li>
    <li>
    <a href="http://leansoftware.net/highslide/images/large/Excel-Task-Parameters.JPG" class="highslide" onclick="return hs.expand(this, config1)">
    <img alt="" src="http://leansoftware.net/highslide/images/thumbs/Excel-Task-Parameters.JPG" />
    </a>
    </li>
</ul>
<div style="clear: both;"></div>
</div>
4

1 に答える 1

0

あなたの「a href」は単に Highslide JS スクリプトを呼び出していません。それらに「class='highslide'」というラベルを付けるだけでは十分ではありません。onclick 属性を追加する必要があります。

最初のリンクを見てみましょう:

<a href="/highslide/images/large/Edit_Titles.jpg" class="highslide">

これは次のようにする必要があります。

<a href="/highslide/images/large/Edit_Titles.jpg" class="highslide" onclick="return hs.expand(this)">

highslide.config.js ファイルへのリンクも問題です。存在しないように見えるものを指しています。

于 2013-06-12T02:18:22.460 に答える