如何使用fancybox实现jquery Power Zoom?

时间:2012-10-14 09:57:26

标签: jquery fancybox

如何使用fancybox(http://www.dynamicdrive.com/dynamicindex4/powerzoomer.htm)实现jquery Power Zoom(http://fancyapps.com/fancybox/demo/)? 我试过这种方式,但仍然无法正常工作

jQuery("#" + prefixId + "gallery a").fancybox({
    transitionIn: 'none',
    transitionOut: 'none',
    width: contentHeight,
    height: contentHeight,
    cyclic: true,
    onStart: function() {
        jQuery("#" + prefixId + "gallery").trigger("pause");
        jQuery("img.fancybox-image").addpowerzoom();
        console.log('start');
    },
    onClosed: function() {
        jQuery("#" + prefixId + "gallery").trigger("play");
        console.log('closed');
    },
    callbackOnShow: function() {
        jQuery("img.fancybox-image").addpowerzoom();
        console.log('show');
    },
    onComplete: function() {
        jQuery("img.fancybox-image").addpowerzoom();
        console.log('complete');
    }
});​

0 个答案:

没有答案