jcrop image src değiştirdikten sonra sayfa yükleme

Question

Görüntü kırpmak için jcrop kullanıyorum ve kullanıcının kırpmaya başlamadan önce görüntüyü değiştirme seçeneğine sahip olmasını istiyorum.

Bazı nedenlerden dolayı resmin değişmesini sağlayamıyorum.

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

Ateşböceğini gösterir, iki img öğelerinin kod bakmak ve bir bir kimliğe sahip bir jcrop kap içinde olmak.

Resmi nasıl değiştirebilirim?

kod

#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();'> 

Answer 1

JCrop resminizin bir kopyasını kırpmaya kullanmak oluşturur. Sadece şöyle seçici değiştirmeniz gerekir:

$('.jcrop-holder img').attr('src', 'http://eofdreams.com/data_images/dreams/cat/cat-06.jpg'); 

http://jsfiddle.net/UUKP4/4/

Answer 2

Sen setImage() işlevini kullanabilirsiniz. Jcrop'u başlattığınızda, yarattığı nesneyi kaydedin, böylece gerektiğinde bu işlevi çağırabilirsiniz.

var JCropper; 

$('#image').Jcrop({ 
    ..setup.. 
} function() { 
    // Save Jcrop object 
    JCropper = this; 
} 

JCropper.setImage('/newimage.jpg'); 

Answer 3

sadece url değiştirmek ancak bunu yapmak zorunda önceki görüntüden tüm stilleri kaldırmaz istiyorsanız :

$('#image').removeAttr('style');