3

このライブラリを使用したい: http://lokeshdhakar.com/projects/lightbox2/

各画像にアタッチできないためrel="lightbox"、jQuery を使用してライトボックスをトリガーしたいと考えています。

私は次のようなことを考えていました:

$('img').click(function(){
  //triger lightbox for this image
  //use self src as href
});

1 つの画像に対してライトボックスをトリガーするにはどうすればよいですか?

4

2 に答える 2

2

imgタグをタグでラップaし、その後クリックをトリガーすることで問題を解決しました。

$('img').click(function () {
    $(this).wrap('<a href="' + $(this).attr("src") + '" rel="lightbox" />');
    $(this).parent('a').trigger('click');
});
于 2012-05-30T16:56:15.527 に答える
1

そのプラグインは動作する必要がありrel="lightbox"ます。使い方に書いてある

を使用してjqueryでその属性を追加できます

$('img').attr('rel', 'lightbox');

ドキュメント準備完了関数内にその行を追加する必要があります。

それでもうまくいかない場合は、この他のプラグインを使用することをお勧めします

http://fancyapps.com/fancybox/

于 2012-05-30T16:28:40.883 に答える