0

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

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

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 它不会

4

1 回答 1

0

我看看这个 - jsFiddle

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

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

于 2013-05-29T14:36:35.140 回答