流体图像上的Jquery JCropfunction

所以我在我的图像上实现了JCrop,现在必须进行设计更改,才能使图像变得流畅。

我的图像现在有max-height:100%;max-width:100%并且它在没有JCrop的情况下相应地缩放,但是对于JCrop它没有,这是因为JCrop在初始化时为图像设置了固定的witdth和height,例如:

 display: none; visibility: hidden; width:540px; height:430px; $('#feature').children('img').eq(0).removeAttr('style'); $('#feature').children('img').attr('style','display: none; visibility: hidden; width:100% !important;height:100% !important;'); 

但无济于事,它只是打破了JCrop。

我只需要使图像和Jcrop本身调整并保持窗口大小调整的比例。 关于如何解决这个问题的任何想法?

谢谢!

编辑

JSFIDDLE – > http://jsfiddle.net/EHQKH/2/

只需擦除javascript,你应该看到它在窗口/框架resize时resize,而Jcrop则没有

我看看这个 – jsFiddle

 img { width:100%; height:100%; } 

我从img中删除了样式并将其添加到css中