Question

我正在使用Jack Moore的缩放和彩色插件。我已经完成了一切正常工作，除了能够为缩放图像指定不同的目标区域。

此页面上的设置文档：http://www.jacklmoore.com/zoom/说明，

“target false应该用作缩放图像的父容器的选择器或DOM元素。”

我尝试过像其他选项一样设置它，但我没有运气。例如，

$(document).ready(function(){
$('#target-img').zoom({magnify:2,
            callback: function(){
                $(this).colorbox({href: this.src, magnify: 2, target: '#zoom-window'});
            }
});

}）;

缩放的图像保留在父容器中。请参阅此小提琴以获取完整示例：

http://jsfiddle.net/contendia/MFrV3/2/

Answer 1

目标选项仅适用于.zoom插件，而不适用于.colorbox，因此您需要在此.zoom调用中设置目标

$(document).ready(function(){
    $('#target-img').zoom({    
           magnify:2,
           target:$("#zoom-window").get(0)//target need to be the html element 
    }).colorbox({href: $("img",this).attr("src")});//you can chain the colorbox call
    //get attr src of the img inside the target-img
});

获取img的src，你需要在＃target-img div中获取实际的img并检索你需要使用的src .attr
http://jsfiddle.net/MFrV3/15/

如何在杰克摩尔的jQuery缩放插件中设置缩放图像的目标

1 个答案: