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

回答

相關問題