Question

我真的一直在寻找形式，但也许我无法寻找合适的东西。我只想在页面加载后打开页面上的一个图像。我想用它在网页中生成特殊提示，可以关闭。我认为使用highslide并不在页面上使用其他脚本会很好。有没有提示？谢谢

Answer 1

这是在页面加载后立即在页面上打开图像的最简单方法。缩略图和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才能正常工作。

页面打开时图片已经很大

1 个答案: