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

图片在页面加载时会展开两次，因为您在onclick中使用null代替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>

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

2 个答案: