Javascript Highslide打开html加载_Javascript_Highslide

Javascript Highslide打开html加载

javascript

Javascript Highslide打开html加载,javascript,highslide,Javascript,Highslide,我是新手，所以请温柔地对待我我想在加载时打开Highslide html窗口。我在旧的“Highsoft”网站上看到了一个解释，但无法让它起作用这是我的测试文件，没有任何脚本使其在加载时打开： <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html;

我是新手，所以请温柔地对待我

我想在加载时打开Highslide html窗口。我在旧的“Highsoft”网站上看到了一个解释，但无法让它起作用

这是我的测试文件，没有任何脚本使其在加载时打开：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "xhtml11.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Open on load - test</title>
<script type="text/javascript" src="highslide/highslide-with-html.js"></script>
<script type="text/javascript" src="highslide/highslide.config.js" charset="utf-       8"></script>
<link rel="stylesheet" type="text/css" href="highslide/highslide.css" />
</head>
<body>
<div>
<a href="#" onclick="return hs.htmlExpand(this, { 
        width: 400, creditsPosition: 'bottom left', 
        headingText: 'Stoke Gabriel Boating Association',     wrapperClassName: 'titlebar' } )">Inline HTML</a>
<div class="highslide-maincontent">
    <h3>Next Sailing Event</h3>
    The next sailing event will take place on June 23.
</div>
</div>
</body>
</html>


负载打开-测试
下一个帆船项目
下一次帆船比赛将于6月23日举行。

我需要做什么才能使Highslide窗口在加载时打开并保持可点击链接

祝福

Geoffrey

一个好方法是在文档准备就绪时启动函数

if (document.readyState === "complete") { window.open(URL,name,specs,replace) }

额外资料：

首先，您需要使用完整的Highslide脚本，而不是精简的Highslide-with-html.js版本。使用highslide-full.js或highslide-full.min.js（完整脚本的压缩版本）

接下来，您的href需要一个唯一的ID：

<a href="#" id="image1" onclick="return hs.htmlExpand....

如果要打开任何窗口onload，需要在body标记中指定onload事件。使用Highslide时，不需要在body标记中指定onload事件。请注意，我主要是一个jQuery的家伙，但这至少会引导您朝着正确的方向前进。您可能还希望在“交互式”而不是“完整”时启动它，但这取决于您的需要。请参阅此幻灯片常见问题解答项目：=>第二种方法–如果您想打开和现有的锚…请阅读有关HTML expander的部分。

hs.addEventListener(window, "load", function() {
document.getElementById('image1').onclick();
});
hs.addEventListener(document, "ready", function() {
document.getElementById('image1').focus();
});