我正在使用jcrop进行图像裁剪,并希望用户可以选择在开始裁剪之前更改图像.
出于某种原因,我无法改变图像.
jsfiddle http://jsfiddle.net/UUKP4/2/
当我查看firefly中的代码时,它会显示两个img元素,另一个位于没有id的jcrop容器中.
我怎样才能改变图像？
码
#jcrop_target {
width:200px;
}
$(function () {
$('#jcrop_target').Jcrop();
});
function chageImage() {
alert("hello");
$('#jcrop_target').attr('src','http://eofdreams.com/data_images/dreams/cat/cat-06.jpg');
}
<img src="http://jcrop-cdn.tapmodo.com/v0.9.10/demos/demo_files/pool.jpg" id="jcrop_target" />
<input type='button' value='change image' id='changeImage' onclick='chageImage();'>
解决方法
JCrop会创建一个用于裁剪的图像副本.您只需更改选择器,如下所示：
$('.jcrop-holder img').attr('src','http://eofdreams.com/data_images/dreams/cat/cat-06.jpg');
