Javascript Fancybox和Cloudzoom可缩放旋转图像

Javascript Fancybox和Cloudzoom可缩放旋转图像,javascript,php,image,Javascript,Php,Image,我承认这是新的,但我有一个正常工作的Fancybox应用程序,并希望添加放大图像的功能,我已经这样做了,但偶尔图像需要Fancybox旋转到右侧。使用缩放悬停时,缩放的图像是原始非旋转图像的图像。我猜这是因为我告诉CloudZoom使用.fancybox图像 这是我的fancybox: $('.fancybox拇指')。fancybox({ 效果:“无”, 下一个效果:“无” closeBtn : true, arrows : false,

我承认这是新的,但我有一个正常工作的Fancybox应用程序,并希望添加放大图像的功能,我已经这样做了,但偶尔图像需要Fancybox旋转到右侧。使用缩放悬停时,缩放的图像是原始非旋转图像的图像。我猜这是因为我告诉CloudZoom使用.fancybox图像

这是我的fancybox:

$('.fancybox拇指')。fancybox({ 效果:“无”, 下一个效果:“无”

            closeBtn  : true,
            arrows    : false,
            nextClick : true,                
            autoDimension : true,
            helpers : {
                title : {
                    type: 'Over'
                },
                thumbs : {
                    width  : 75,
                    height : 75
                },
                buttons : {
                tpl: '<div id="fancybox-buttons"><ul><li><a class="btnRotateL" title="left" href="javascript:;"></a></li><li><a class="btnRotateR" title="right" href="javascript:;"></a></li></ul></div>',
                    beforeShow: function (opts, obj) {
                    }
                }, // buttons
            },
                maxWidth: 712,
                maxHeight:968,
                afterShow: function(){
                    var $image = $('.fancybox-image');
                    $image.CloudZoom({zoomPosition:'inside', zoomOffsetX:0});
                },
                beforeLoad: function(){
                    var $image = $('.fancybox-image');
                    if ($image.data('CloudZoom')) $image.data('CloudZoom').destroy();
                },
                beforeClose: function(){
                    var $image = $('.fancybox-image');
                    if ($image.data('CloudZoom')) $image.data('CloudZoom').destroy();
                }
            });
closeBtn:true,
箭头:错,
下一步:没错,
自动标注:true,
助手:{
标题:{
键入:“结束”
},
拇指:{
宽度:75,
身高:75
},
按钮:{
第三方物流:“
    • ”, 展示前:功能(选项、obj){ } },//按钮 }, 最大宽度:712, 最大高度:968, afterShow:function(){ var$image=$('.fancybox image'); $image.CloudZoom({zoomPosition:'inside',zoomofsetx:0}); }, 加载前:函数(){ var$image=$('.fancybox image'); if($image.data('CloudZoom'))$image.data('CloudZoom').destroy(); }, beforeClose:function(){ var$image=$('.fancybox image'); if($image.data('CloudZoom'))$image.data('CloudZoom').destroy(); } });
您知道有什么方法可以告诉CloudZoom使用Fancybox当前显示的图像,以便缩放旋转的图像吗