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