Highslide图像库DotNetNuke

我想在我的DotNetNuke网站上使用Highslide（http://highslide.com/）。Highslide图像库DotNetNuke

问题是缩略图只是链接到图像，而不是在Highslide中打开。这就好像JavaScript被忽略了一样。

我已经出现在屏幕截图部分的缩略图 - 例如这里： http://leansoftware.net/en-us/help/exceldatabasetasks/introduction.aspx

我已经包含在模块的标题的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 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>

来源

2013-06-11 Richard Briggs

你的 “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-12 02:18:22 MisterNeutron

当使用highslide编辑器中的highslide.config.js文件时，onclick最有可能应该是：'onclick =“return hs.expand（this，config1）”' – RoadRash

我猜测加载highslide的正确src .config.js是/highslide/highslide.config.js，而不是/highslide.config.js – MisterNeutron

是的，这是正确的（http://leansoftware.net/highslide/highslide.config.js），这确认了onlick我以前的评论。 – RoadRash

Highslide图像库DotNetNuke

回答

相关问题