6

その場で画像をトリミングするためにjcropを使用していますが、トリミングを開始する前にユーザーが画像を変更できるようにしたいと考えています。

何らかの理由で、イメージを変更することができません。

jsfiddle http://jsfiddle.net/UUKP4/2/

ホタルのコードを見ると、2 つの img 要素と 1 つが 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();'>
4

3 に答える 3

1

URL を変更するだけでなく、前の画像からすべてのスタイルを削除する場合は、次のようにする必要があります。

$('#image').removeAttr('style');
于 2014-09-21T21:20:57.407 に答える