फसल क्षेत्र का चयन करने के बाद <a href="http://deepliquid.com/content/Jcrop_Manual.html" rel="noreferrer">Jcrop</a> में कोनों में बॉक्स हैंडल के साथ एलिमेंट का आकार

Question

, कोनों में बॉक्स हैंडल के साथ एक div प्रकट होता है।

कोई jQuery प्लगइन है कि बॉक्स हैंडल के इस प्रकार का निर्माण कर सकते है? अपने तत्व आकार बदलने योग्य बनाने के लिए के माध्यम से यह पूरे सीमा है

http://jqueryui.com/demos/resizable/

उपयोग "हैंडल" पैरामीटर:

Answer 1

आप ऊपर उल्लेखित jQuery UI के आकार बदलने योग्य का उपयोग कर सकते हैं। मैं भी तुम्हारे लिए एक पहेली स्थापित!

http://jsfiddle.net/digitalaxis/j2JU6/

jQuery

$('#element').resizable({ 
    handles: { 
    'ne': '#negrip', 
    'se': '#segrip', 
    'sw': '#swgrip', 
    'nw': '#nwgrip' 
    } 
}); 

एचटीएमएल

<div class="ui-resizable-handle ui-resizable-nw" id="nwgrip"></div> 
<div class="ui-resizable-handle ui-resizable-ne" id="negrip"></div> 
<div class="ui-resizable-handle ui-resizable-sw" id="swgrip"></div> 
<div class="ui-resizable-handle ui-resizable-se" id="segrip"></div> 

सीएसएस

#elementResizable { 
    border: 1px solid #000000; 
    width: 300px; 
    height: 40px; 
    overflow: hidden; 
} 
#nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip { 
    width: 10px; 
    height: 10px; 
    background-color: #ffffff; 
    border: 1px solid #000000; 
} 
#segrip { 
    right: -5px; 
    bottom: -5px; 
} 

Answer 2

आप jQuery यूआई आकार बदलने योग्य प्लगइन का उपयोग कर सकते हैं।