jquery - dblclickイベントでファンシーボックスを開く方法

Question

私の質問はタイトルにあります：dblclickイベントでjquery fancybox（http://www.fancybox.net/）を開くにはどうすればよいですか？

よろしくお願いします:)

編集：私はそれを試しましたが、うまくいかないようで、理由はよくわかりません：

$("#id").dblclick(function(){

    $("#id").fancybox({
        ...
    });
    $("#id").click(); //Trigger click to open the fancy because dblclick doesn't open the fancy
    $("#id").unbind('click.fb'); //unbind the click fancybox event

});

アイデアは、dblclickがトリガーされたときにファンシーボックスを処理し、クリックをトリガーしてファンシーを開き、click.fbイベントのバインドを解除して、ユーザーがシングルクリックをトリガーしたときにファンシーボックスが開かないようにすることでした。残念ながら、unbind（'click.fb'）は機能していないようです。

Answer 1

I'm not sure if I totally get the question, but try this:

$('button').dblclick( function() {
    $.fancybox({
        href: '#fancybox'
        // other options here
    });
});

No need to unbind anything.

EDIT: Here is a jsfiddle example.

http://jsfiddle.net/abqTD/3/

Answer 2

 $(".fbox").dblclick( function () {  $.fancybox({
   'transitionIn'  : 'elastic',
   'transitionOut' : 'elastic',
   'speedIn'   : 600,
   'speedOut'    : 200,
   'href': $(this).attr('href')
   // 'overlayShow' : false
   });
 });

...<img src="path/someimage_thumb.jpg" href="path/someimage.jpg" class="fbox">

私はクラスで似たようなことをしようとしています。jquery image pickerと統合しようとしています。

Answer 3

jQuery .trigger（）メソッドを試してください。このように、fancyboxをアクティブ化するためのボタンのような別の要素が必要です。

$("button").dblclick( function() {
    $("#fancybox").trigger('click');  

});

$("#fancybox").click( $(this).fancybox(){
        'transitionIn'  : 'elastic',
        'transitionOut' : 'elastic',
        'speedIn'       :  600, 
        'speedOut'      :  200, 
        'overlayShow'   :  false
    });

Answer 4

これを行うには、fancybox メソッドを使用します。

HTML

img src="images/sample_image.png" alt="Sample Title" class="fancybox"

jQuery

$(document).ready(function() {
    $('.fancybox').dblclick(function() {
        var imgSrc = $(this).attr('src'),
            imgTitle = $(this).attr('alt');

        $.fancybox.open({href : imgSrc , title : imgTitle });
    });
});

これが役に立てば幸いです...;）