이미지의 특정 부분 만보기

Question

안녕하세요. 내 사이트에서 이미지의 특정 부분 만 볼 수 있기를 원합니다. 올바르게 기억한다면이 용도로 자바 스크립트를 사용해야할까요? 아무도 내게이 코드를 줄 수 있습니까? 나는 머리의 전면을 볼에만 수 있도록하고 싶습니다

:

은보다 구체적으로,이 이미지입니다. 이 이미지의 다이어그램은 다음과 같습니다.

감사합니다. 이것이 올바른 웹 사이트에 없다면 이동할 수 있다면 좋을 것입니다.

Answer 1

당신은 이것을 달성하기 위해 CSS를 사용할 수 있습니다. 이미지를 배경으로 설정하고 보려는 부품의 높이/너비를 설정하고 보려는 부품을 사용자가 만든 "창"에 배치하기 위해 배경 위치를 설정하십시오.

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

Answer 2

잘 .. 당신은 이미지 "용기"해야하는 요소 (사업부)를 정의하고 CSS는 "배경 이미지"입니다 당신은 전체 이미지를 설정합니다. CSS의 "background-position"규칙으로 이미지의 오프셋을 제어합니다.
CSS로만 할 수 있지만 자바 스크립트를 통해 CSS 규칙을 동적으로 변경할 수 있습니다.

당신이 다음 전체 사이트에 표시되는 아이콘의 배경 이미지로 icon-set과 "이동"배경 -을 통해 원하는 위치로 배경을로드 것을 볼 수 있습니다 :
좋은 예는 jquery ui 페이지입니다 위치