分割图像分成N个100x100像素的图像（镶嵌状）

Question

我已经与不明大小的图像，并且我需要：

• 作物它变成4:5图像
• 拆分裁剪后的图像进20张图片1：1，可以在一个4x5网格中尾为构成完整的图像

我需要做的东西在这个jfiddle那样：

http://jsfiddle.net/j76Ke/

但我需要有一个“背景图片”与图像的设置好的作为礼每个单元的一部分，所以我就可以隐藏节目单细胞背景

我觉得是这样的：

.cell { background-image: url(data:mypartofimage); } 

我不能在我的小提琴中设置我的背景，因为我需要隐藏单个单元格并显示背景，这将是一个动态内容。

有什么建议吗？ （我不能使用PHP或服务器端脚本）

编辑：我的小提琴是现在这样：
http://jsfiddle.net/LAWnx/

Answer 1

取而代之的将不同的背景图像的每个细胞，这你可以种一些做JS ...你可以在单元格上使用背景颜色。

.grid .cell { 
    background-color:#ccc; 
} 

.grid .cell:hover { 
    background-color:transparent; 
} 

Demo

如果你真的想要一个背景适用于每个细胞，你将不得不使用一些JS来计算偏移和使用background-position应用它们。这将是相同的图像，但它的不同部分将显示在每个框中。