2015-02-27 4 views
2

У меня есть расширенный div, созданный JQuery Plugin. Он предназначен для функции обрезки. Ниже ссылка на Jquery плагина:imgAreaSelect Плагин JQuery Изменение размера и высоты минимального размера Div

http://odyniec.net/projects/imgareaselect/usage.html

HTML код:

<div class="imgareaselect-border4"></div> 

JavaScript код:

$('#img_captured').imgAreaSelect({ 
    handles: true, 
    aspectRatio: "1:1", 
    disable: false, 
    hide: false, 
    show:true, 
    minHeight: '140px', //Set it's minimum height 
    minWidth: '140px' //Set it's minimum width 
}); 

Это есть способ установки его минимальная высота и ширина, но не работает со мной. Я не знаю, что случилось, поэтому в последнее время я должен сделать это вручную. Я попытался использовать код css ниже, но не работает. Как я могу ограничить его до тех пор, пока его размер не станет 140px x 140px?

.imgareaselect-border4 
{ 
    min-height: 140px; 
    min-width: 140px;  
} 
+1

Вы хотите сохранить его от больше или меньше, чем 140px? –

+0

Это фактический размер 320px x 240px. Я хочу, чтобы он ограничивался размером меньше 140px x 140px. –

+0

Вы используете jquery ui plugin? –

ответ

0

Аргументы для MaxHeight и MaxWidth в imgareaselect не использовать строки, но целые

$('#img_captured').imgAreaSelect({ 
 
    handles: true, 
 
    aspectRatio: "1:1", 
 
    disable: false, 
 
    hide: false, 
 
    show:true, 
 
    minHeight: 140, //Edit here 
 
    minWidth: 140 //Edit here 
 
});

Смежные вопросы