分割圖像分成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應用它們。這將是相同的圖像，但它的不同部分將顯示在每個框中。