Jcrop max width/height

[x1nick]

Just set this up and have a small problem with it.

 

I have a large image being loading into jcrop (over 1000x1000)

Now while the image loads from the server it's displayed at 100%

Once complete jcrop successfully resizes it to a maximum of 500x500

 

Is there any way to stop it displaying the image at 100% so it dosen't stretch the page while loading?

 

I have tried loading it within

$(function(){

and

$().ready(function() {  < thought this was the problem at first

 

Also tried setting the div container of the jcrop to display:none

Then once the page is loaded display the div. This didn't seem to work

 

Any ideas?