只查看圖像

Question

您好我想唯一能看到我的網站上的圖像的某一部分的某些部分，我想如果我rememer正確的，我需要使用JavaScript爲這個？任何人都可以給我一個這樣的代碼嗎？

更具體地說，是這樣的形象：

我想成爲唯一能看到頭的前面。此圖像的圖是：

感謝。如果這不在正確的網站上，它會很好，如果它可以移動。

Answer 1

你可以使用CSS來實現這一點。 將圖像設置爲背景，設置要查看的部分的高度/寬度，並設置背景位置以將要查看的部分放置到您創建的「窗口」中。

http://www.askapache.com/css/css-background-image-sprite.html

Answer 2

以及..你確定這應該是像「容器」的元素（一個div），並設置了完整的圖像，因爲它的CSS「背景圖片」。那麼你可以通過css「background-position」規則控制圖像的偏移量。
它只能用css完成，但你可以通過javascript動態地改變css規則。
一個很好的例子是jquery ui頁：

你可以看到它加載整個icon-set作爲背景圖片在網站上顯示的任何圖標，然後將其「移動」的背景，通過背景 - 所需的位置位置