gpt4 book ai didi

javascript - Highslide 打开 html onload

转载 作者:行者123 更新时间:2023-12-02 18:45:34 26 4
gpt4 key购买 nike

我是新手,请温柔地对待我。

我想在加载时打开 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>

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

最美好的祝愿

杰弗里

最佳答案

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

接下来,您的 href 需要一个唯一的 ID:

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

ID 可以是任何内容,只要它是唯一的即可。

最后,将其添加到 highslide.config.js 文件中的 Highslide 配置选项中:

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

关于javascript - Highslide 打开 html onload,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16415327/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com