jquery - カラーボックス内のjQuery Zoom

Question

カラーボックス内でJack MooreのjQuery Zoomプラグインを使用することは可能ですか?

$(document).ready(function(){
  $('a.photo').zoom({url: 'photo-big.jpg'});
});

Answer 1

私はあなたがこの方法でこれを行うことができると確信しています:

$('a.colorbox').colorbox({
    'onComplete': function(){ 
        $('#cboxLoadedContent img').wrap('<span style="display:inline-block"></span>')
            .css('display', 'block')
            .parent()
            .zoom();
    }
});

From : http://www.jacklmoore.com/zoom/

編集：余分なラップなしで動作するようです

から：@ピーター

$('a.colorbox').colorbox({
    'onComplete': function(){ 
        $('#cboxLoadedContent').zoom();
    }
});

Answer 2

これは私にとって非常に役立ちます：

.zoomImg {
    height: 150% !important;
    width: 150% !important;
}

Answer 3

$mouseTrap.bind('click',this,function(event){
     $("#zoom").trigger("click");
});

zoom.jsに追加

$('#zoom').colorbox();