如何从Jquery-UI图标集中增加默认大小16px？

我想将JQuery图标的大小从16增加到24px。如何从Jquery-UI图标集中增加默认大小16px？

2011-06-06 topless

不能奇迹般地增加320个像素的图标。 – SLaks 2011-06-06 14:05:31

即时通讯相当肯定的图标被打包成一个css精灵电网为此着更大......我能想到的是增加它周围的保证金，但随后该图标将仍然是小的，中间的唯一的事更大的空间。

甚至打开雪碧，使更大的图标！ ;）

这里我会尝试（你仍然必须修改你的精灵表，但即时通讯使用Photoshop确保soneone血统可以很容易：

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"); 
});

来源

2011-06-06 14:08:44

@ lil'monkey你是对的，他们是在一个精灵，我也想通了保证金解决方案，但它不影响大小你提到了，我会去调整手动的方式。 – topless 2011-06-06 14:13:01

If你可以编辑精灵中的图标大小，这可能是很好的写下你在代码中所做的所有步骤。并将其张贴下来，因为我注意到，在不同的论坛上，有不少人会问这个问题。 – 2011-06-06 14:20:26

@ lil'monkey我不得不看看精灵，但是为了使整个事情的工作，我必须非常准确的有关调整大小的东西，除此之外边距我还得重新计算每个位置在精灵的每个图标这是不方便的，因为我使用了几个主题并动态地改变它们。我会看看我是否可以找出一种方法来编写自动化，以便将每个图标主题转换为更大的图标。任何预先计算都是值得欢迎的。 – topless 2011-06-06 14:45:14

您可以添加CSS样式变焦，虽然这不工作在所有的浏览器，例如

.zoomClassPercent { 
zoom:150%; 
} 

.zoomClassRatio { 
zoom:1.5; 
}

来源

2012-08-02 14:13:56 pixelda

注意，图标会惨不忍睹，当你让他们做大。 – Abdulaziz 2012-09-02 17:36:25

如何从Jquery-UI图标集中增加默认大小16px？

回答

相关问题