0

我真的一直在浏览formum，但也许我无法找到正确的东西。我只想要页面加载后已经打开的页面上的一张图片。我想用它在网页中生成可以关闭的特殊提示。我认为使用 highslide 而不是在页面上使用另一个脚本会很好。有什么提示吗？谢谢

4

1 回答 1

0

这是加载页面后立即在页面上打开图像的最简单方法。缩略图和 Highslide 标记（“a href”行）甚至不必在页面上，尽管我的示例显示了它们 - 即使没有它们，事件侦听器也可以工作：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Highslide JS</title>
<script type="text/javascript" src="highslide-full.min.js"></script>
<link rel="stylesheet" href="highslide.css">
<script type="text/javascript">
    hs.graphicsDir = 'graphics/';
    hs.outlineType = 'rounded-white';
    hs.addEventListener(window, "load", function() {
        hs.expand(null, {src: 'full-image.jpg'});
    });
</script>
</head>
<body>
<div>
<a href="full-image.jpg" class="highslide" onclick="return hs.expand(this)">
    <img src="thumbnail.jpg" alt="Highslide JS" title="Click to enlarge" height="120" width="107">
</a>
<div class="highslide-caption">
    This caption can be styled using CSS.
</div>
</div>
</body>
</html>

请注意，您必须使用 highslide-full.js 或 highslide-full.min.js 才能工作。

于 2013-07-22T14:50:01.093 回答