JCrop - Dynamiczna miniaturka? Opcje

[nait]

Witam!
Pracuje nad hmm małym panelem pod jedną z moich stron i chcę dodać możliwość przycinania obrazków. W tym celu użyłem JCrop. Dostosowałem już go pod siebie aczkolwiek chciałem dodać jeszcze podgląd miniatury i tu pojawia się problem.
W prawdzie jest tego przykład: http://deepliquid.com/projects/Jcrop/demos...?demo=thumbnail, ale ja potrzebuję trochę trochę innego działania, a że nie znam się na js w ogóle to mam spory problem z tym :/

Nie chcę żeby miniaturka miała stały wymiar jak w przykł, 100px. Chcę aby powiększała się dynamicznie wraz z powiększeniem się zaznaczenia. Usunę wymiary diva to podgląd szaleje, więc jak spekuluje to div

[HTML] pobierz, plaintext 
<div style="width:100px;height:100px;overflow:hidden;">
    <img src="demo_files/pool.jpg" id="preview" alt="Preview" class="jcrop-preview" />
</div>
[HTML] pobierz, plaintext 

w którym znajduję się podgląd musiałby jakoś pobierać wysokość i szerokość z funkcji zaznaczenia?(IMG:style_emoticons/default/tongue.gif) Albo coś w ten deseń. Mógłby ktoś pomóc jak to zrobić? Z góry dziękuje

Ten post edytował nait 5.08.2012, 22:40:31

[krispak]

Prosze bardzo, wystarczy zastosowac/podmienic u siebie (IMG:style_emoticons/default/wink.gif)

[JAVASCRIPT] pobierz, plaintext 
function updatePreview(c)
{
	var bounds = this.getBounds()
	if (parseInt(c.w) > 0)
	{
		var rx = bounds[0];
		var ry = bounds[1];
 
		$('#divPreview').css({
			width: c.w,
			height: c.h,
			display: 'block'
		});
 
		$('#imgPreview').css({
			position: 'absolute',
			top: '-' + Math.round(c.y) + 'px',
			left: '-' + Math.round(c.x) + 'px'
		});
	}
};
[JAVASCRIPT] pobierz, plaintext 

[HTML] pobierz, plaintext 
<div style="margin: 0 auto; position: relative; overflow:hidden; display:none;" id="divPreview" >
	<img src="demo_files/pool.jpg" alt="Preview" class="jcrop-preview" id="imgPreview" />
</div>
[HTML] pobierz, plaintext 

Ten post edytował krispak 6.08.2012, 17:00:31