0

これを説明する方法がわかりません。最初にコードを配置します。

<div class="image">

    <a title="Some Title" rel="gallery" href="path/to/image.png">

        <img src="path/to/image.png" />
    </a>

</div>

サムネイル（img）とボックスコンテンツ（a）を同じ画像で使用したいのですが。しかし、最も基本的なFancyBoxコードでは：

$( '.image a' ).fancybox();

クリックすると、小さな画像が引き伸ばされます。そして、元のサイズを維持してほしい。

コードをに変更した場合

$( '.image img' ).fancybox();

動作しますが、FancyBoxを開くと、オーバーレイの後ろにあるサムネイルが消えます。そして閉じた後、それは戻ってこない。

使用している画像を拡大する必要がないため、この動作が必要ですが、「フォーカス」が必要であり、ファンシーボックス（ライトボックス、カラーボックスなど）よりもユーザーの注意を画像に向けるのに適したものはありません。

一度にいくつかのオプションを設定しようとしましたが、どれも機能しませんでした。

4

1 に答える 1

2

画像が非常に小さい場合は、minWidth/minHeight を変更する必要がある場合があります - http://jsfiddle.net/EPGT9/

ところで、2 回目の試行では、fancyBox をインライン コンテンツとして開き、閉じた後に自分自身を非表示にするイメージにアタッチしています。

于 2012-07-24T19:25:28.893 に答える