मैं jquery-UI आइकन सेट से डिफ़ॉल्ट आकार 16px कैसे बढ़ा सकता हूं?

Question

मैं 16 से 24 पीएक्स तक JQuery आइकन का आकार बढ़ाना चाहता हूं।

Answer 1

मुझे यकीन है कि आइकन एक सीएसएस स्प्राइट ग्रिड में पैक किए गए हैं, क्योंकि यह बड़ा नहीं हो सकता है ... केवल एक चीज जिसे मैं सोच सकता हूं उसके चारों ओर एक मार्जिन जोड़ रहा है लेकिन फिर आइकन अभी भी बीच में छोटा होगा बड़ी खाली जगह।

या यहां तक ​​कि स्प्राइट खोलना और बड़े आइकन बनाना! ;)

यहाँ मैं क्या कोशिश करेगा (आप अभी भी अपने स्प्राइट शीट संपादित लेकिन साथ फ़ोटोशॉप यकीन soneone वंश im यह आसान बना सकते हैं करने के लिए होगा:

function getPos(X,Y,Size) 
{ 
    var posJson = { posX:0,posY:0 }; 
    posJson.posX = X*-Size; 
    posJson.posY = Y*-Size; 
    return posJson; 
} 
$(document).ready(function(){ 
    var Pos = getPos(0,1,16); 
    $(".ui-icon-carat-1-n").css("background-position",Pos.posX+"px "+Pos.posY+"px"); 
}); 

Answer 2

आप एक सीएसएस शैली ज़ूम जोड़ सकते हैं, यह हालांकि काम नहीं करता है में सभी ब्राउज़रों जैसे

.zoomClassPercent { 
zoom:150%; 
} 

.zoomClassRatio { 
zoom:1.5; 
}