只查看图像

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作为背景图片在网站上显示的任何图标，然后将其“移动”的背景，通过背景 - 所需的位置位置