流体图像上的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中