高幻灯片图像库DotNetNuke

我正在尝试在我的DotNetNuke站点上使用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模块内容中：

<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 谢谢你的回复。 现在的代码是：

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]-->

scripttype=“text/javascript”src=”http://leansoftware.net/highslide/easing_equations.js">

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>

您的“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文件的链接也是一个问题。它指向似乎不存在的东西。

当使用highslide编辑器中的highslide.config.js文件时，onclick最有可能是：

onclick=“return hs.expand（this，config1）”

我猜加载highslide.config.js的正确src是/highslide/highslide.config.js，而不是/highslide.config.jsYes，这是正确的（），这证实了我之前评论中的onlick。我已经按照建议进行了更改，并将新代码发布到了上面的问题中。但是，当单击其中一个缩略图时，我们只会收到“正在加载”消息，而没有其他消息。