流体图像上的Jquery JCrop功能

时间:2013-05-29 13:36:03

标签: javascript jquery css jcrop

所以我在我的图像上实现了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,您应该看到它在窗口/框架调整大小时调整大小,使用Jcrop它不会

1 个答案:

答案 0 :(得分:0)

我看一下这个 - jsFiddle

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

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