highslide - 使用单独的文本锚展开 Highslide 图像

Question

单击缩略图时，我成功使用 Highslide 展开图像。<p>当点击下方标签中的锚点时，我无法让图像展开。

<div class="highslide-gallery">
    ...
    <div class="feature">
        <a href="/images/001.jpg" class="highslide" onclick="return hs.expand(this, config1)">
            <img src="/images/thumbs/001.jpg" />
        </a>
        <p>
            <a href="/images/001.jpg" onclick="hs.expand(null, {src: '/images/001.jpg'});">Anchor Text</a>
        </p>
    </div>
    ...
</div>

当页面加载时，会显示两个展开图像的实例，一个在另一个之上。

单击每个图像会正常关闭图像。

单击图像缩略图会出现两个展开的图像。

单击锚文本可以正常工作，即展开一个图像并在单击时正常关闭。

我究竟做错了什么？谢谢。

Answer 1

图像在页面加载时扩展了两次，因为您使用的是锚文本null而不是在 onclick 中。this

正确的点击：

<a href="/images/001.jpg" onclick="return hs.expand(this)">Anchor Text</a>

Answer 2

只需将链接放在一起：

div class="highslide-gallery">
    ...
    <div class="feature">
        <a href="/images/001.jpg" class="highslide" onclick="return hs.expand(this, config1)">
            <img src="/images/thumbs/001.jpg" /><p>Anchor Text</p>
        </a>
    </div>
    ...
</div>