0

サムネイルをクリックすると、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>

ページが読み込まれると、展開された画像の2つのインスタンスが上下に表示されます。

各画像をクリックすると、通常どおり画像が閉じます。

画像のサムネイルをクリックすると、2つの展開された画像が表示されます。

アンカーテキストのクリックは正しく機能します。つまり、1つの画像が展開され、クリックすると通常どおりに閉じます。

私は何が間違っているのですか？ありがとう。

4

2 に答える 2

1

アンカーテキストのonclickのnull代わりに使用しているため、画像はページの読み込み時に2回拡大します。this

正しいonclick：

<a href="/images/001.jpg" onclick="return hs.expand(this)">Anchor Text</a>
于 2013-03-12T13:30:08.467 に答える
0

リンクをまとめるだけです。

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>
于 2013-03-12T13:15:46.563 に答える