jQuery - 지정된 위치로 이미지 확대

Question

내 요구 사항은 다음과 같습니다. 이미지 (JPEG)를 표시해야하는 DIV가 있습니다. 페이지가 렌더링되면이 div는 지정된 확대/축소 비율의 이미지를 그림의 지정된 위치 (점)에 표시해야합니다. 그림은이 DIV 안에 있어야합니다 (DIV 여백을 초과 할 수 없음). 이 DIV에서 이미지는 (이 초기 확대/축소 이후) 이동/이동 (마우스 또는 스크롤 막대로) 및 확대/축소 (마우스 휠, 단추, 슬라이더 또는 기타 방법으로) 될 수 있습니다. 특정 이벤트에서 DIV는 이미지의 다른 지점 (동일하거나 다른 줌 팩터)을 표시해야합니다 (포커스를 맞 춥니 다). 이미지는 일부 이벤트에서 변경됩니다. 초점이 한 지점에서 다른 지점으로 전환 될 때 (그러나 같은 페이지에서) 이미지의 소스가 변경된 경우를 대비하여 사진을 다시로드하지 않으려합니다. http://www.htmldrive.net/items/show/394/JQuery.iviewer-zoom-image-and-to-drag-effect

내가 자바 스크립트 초보자임을 언급하고, 요구 사항의 일부의에 어떤 도움을 환영보다 더 :

는 여기 비슷하지만 내 요구 사항을 거의 확실히하지 뭔가를 발견했다. 이 작업을 수행 할 수있는 (무료) 플러그인을 알고 있다면 알려 주시기 바랍니다.

내가 그것도 IVIEWER 있도록 지정된 점에서 이미지를 위치시키는 moveTo 메소드 포함 발견, 당신은 위에서 언급 한 IVIEWER 플러그인에 대해 자세히 살펴 후 내 질문에

Answer 1

에 넣어 당신의 소중한 시간 내 주셔서 감사 내 모든 요구 사항을 포함합니다.