CSS精灵自动化

最近我处理CSS精灵。 很好用

我创建了一个sprite，.css文件和html结构。 看起来像

.sprites{
         background-image:url('../img/sprite.png');
         background-color:transparent;
         background-repeat:no-repeat;
         height:44px;
         width:44px;
  }
.pic1            {background-position:0 0;}
.pic2            {background-position:-44px 0;}



 <div class="outer"><div class="sprites ${image}"></div></div>

.sprites{
背景图像：url（'../img/sprite.png'）；
背景色：透明；
背景重复：无重复；
高度：44px；
宽度：44px；
}
.pic1{背景位置：0；}
.pic2{背景位置：-44px 0；}

${image}

如果条件为true，则选择该类

我手动创建sprite、css和html。我可以用发电机，但代码是一样的

是否有一种方法可以使用java等自动创建精灵和css？

---

如果有一个包含50个图像的文件夹，那么这个程序——我猜它必须被编写出来——将创建一个精灵和相关的css属性本身。这可能吗？您听说过这样的程序吗？

如果您使用的是.net，请查看。它不仅自动创建sprite文件，而且还通过HttpModule动态创建，并合并和缩小所有CSS。它还使用量化和无损压缩优化sprite图像，并使用etag和Expires头处理生成文件的服务，以确保最佳浏览器缓存。这个设置非常简单，只需要对web.config进行简单的更改。有关Microsoft Visual Studio和MSDN示例库对其采用的信息，请参见my

---

您不需要在任何特定的文件夹或格式中排列图像，因为RequestReduce通过HTTP提取CSS和图像。因此，您的css和Sprite甚至可以托管在其他地方，并且可以正常工作。

此工具可能会对稍后提及此内容的人有所帮助。

---

我还没有听说过一个可以自动完成所有操作的程序，但我使用了Sprite Cow，它可以为您生成位置值-这就是您要找的吗？不幸的是，不是。生成器完成了这项工作，是的，但我真的在寻找一个程序或脚本来检测我文件夹中的图像，创建一个精灵和相关的css属性。你的问题对我来说太模糊了。您应该至少指定一种编程语言，并为其添加一个标记，以便更多的人能够帮助您。它只检测客户端源代码的图像，不是吗？您创建带有单独图像的“普通”样式表，并为您转换它们。类名必须来自某个地方，因此只从文件开始，而不从样式表开始，这意味着您必须正确地命名图像，或者更改输出样式表中的每个类名/id。我已经做了工作，有很多发电机。我正在寻找代码检测我的文件夹中的所有图像（服务器端的一种）。谢谢。@Litek想为链接添加一些上下文吗？如果不解释一下你链接的内容，你的答案本身就没有多大帮助。