-2

かなり大きなサイトでfancyboxを使用して、キャプションが必要なものと不要なものがあるポップアップ画像を表示したいと思います。

'caption'属性を使用するよりも柔軟性があるため、非表示のdiv要素にキャプションを配置することをお勧めします。7のコードを使用しました。タイトルをカスタマイズ->属性の代わりに要素を使用します。

キャプションが不要で非表示のdiv要素がない画像では、fancyboxがリンクのtitle属性をキャプションとして使用することを除いて、正常に機能します。そのため、たとえば、「クリックして拡大」のようなキャプションになります。 '。

これは予想される動作ですか？もしそうなら、サイトのためにそれをグローバルにオーバーライドする方法はありますか（画像ごとではありません）。

4

2 に答える 2

0

あなたが言及した例では、fancyboxが次のように使用する隠しdiv要素があるかどうかを評価する条件がありますtitle：

if (id) {
    el = $('#' + id);

    if (el.length) {
        this.title = el.html();
    }
}

あなたがしなければならない唯一のことは、キャプションが存在しない場合elseに既存のものを上書きできるその条件にステートメントを追加することですtitle

if (id) {
    el = $('#' + id);

    if (el.length) {
        this.title = el.html();
    }
} else {
    // don't show any title in fancybox
    this.title = "";
}

JSFIDDLEを参照してください...最後の画像にはtitle属性がありますが、対応する（非表示の）キャプションはありません。

于 2013-03-21T21:56:48.597 に答える
0

qTipやprototipのようなものを使用して、事後に手動で作成したツールチップを写真に追加することができます。

于 2013-03-21T19:03:33.003 に答える