3
저는 jquery를 사용하고 있는데 이미지의 일부를 표시하려고합니다. 중간에 사각형을 말하고, 애니메이션을 사용하고, 나머지 부분을 롤아웃합니다.jquery를 사용하여 이미지의 일부분을 표시하는 방법은 무엇입니까?
오버 플로우가있는 div가 포함 된 것으로 생각하고 있습니다.하지만 숨길 수는 없지만 알아낼 수는 없습니다.
감사합니다.
A
답변
3
체크 아웃 imgAreaSelect 플러그인이 내기. 다른 사업부 css position
1
사각형을 처음에 표시하려면 이미지 스프라이트이라는 기술을 사용하고 실제로 CSS로 여러 가지 방법을 사용할 수 있습니다. 여기에 one by alistapart이 있습니다. 그 후에 애니메이션을 사용하여 CSS를 수동으로 변경할 수 있습니다.
는 그러나, 나는 그것을 정확하게 수행이 automgaically 같은 것을 수행하는 jQuery 플러그인 ...
0
당신은 CSS를 작동해야합니다. 그런 다음 jquery를 사용하여 CSS 클래스를 전체 이미지를 표시하는 것으로 변경하십시오.
다음은 CSS 스프라이트 맵에 대한 링크입니다.
1
을 통해 사업부를 넣어 위치하면 이미지의 특정 부분을 표시하기 위해 CSS를 사용 CSS를 스프라이트 맵에 비슷한 설정을 뭔가 수 :
관련 문제
- 1. 이미지의 일부분을 표시하는 방법은 무엇입니까?
- 2. RMagick을 사용하여 이미지의 일부분을 읽는 방법은 무엇입니까?
- 3. GD를 사용하여 이미지의 일부분을 어둡게합니다.
- 4. iOS에서 UIImageView 이미지의 일부분을 지우는 방법은 무엇입니까?
- 5. 이미지의 일부분을 애니메이션으로 만드는 방법은 무엇입니까?
- 6. 이미지의 일부분을 투명하게 만듭니다.
- 7. 이미지의 일부분을 투명하게 만들기
- 8. iframe을 사용하여 웹 페이지의 일부분을 표시하는 방법은 무엇입니까?
- 9. jQuery를 사용하여 테이블을 툴팁으로 표시하는 방법은 무엇입니까?
- 10. jquery를 사용하여 json 배열을 표시하는 방법은 무엇입니까?
- 11. gif 이미지의 일부분을 자르는 방법?
- 12. C++ Opengl 이미지의 일부분을 렌더링합니다
- 13. 캔버스에서 이미지의 일부분을 사용하는 방법
- 14. 이미지의 일부분을 비트 맵으로 렌더링합니다. C# Winforms
- 15. JQuery를 사용하여 이미지 위에 상자를 표시하는 방법은 무엇입니까?
- 16. PIL을 사용하여 원의 일부분을 채우는 방법은 무엇입니까?
- 17. JQuery를 사용하여 첫 번째 이미지의 이미지 소스를 얻는 방법은 무엇입니까?
- 18. 백그라운드 위치 및 CSS 스프라이트를 사용하여 이미지의 일부분을 어떻게 반복합니까?
- 19. 이미지의 일부분을 복사하여 다른 곳에 붙여 넣으시겠습니까?
- 20. JQuery에서 이미지의 일부분을 변경하는 방법이 있습니까?
- 21. jQuery를 사용하여 전체 페이지 중앙에 이미지를 표시하는 방법은 무엇입니까?
- 22. Jquery를 사용하여 다른 HTML 페이지의 내용을 가져와 표시하는 방법은 무엇입니까?
- 23. jquery를 사용하여 경고 메시지를 한 번만 표시하는 방법은 무엇입니까?
- 24. jquery를 사용하여 IE6에서 숨겨진 메시지를 표시하는 방법은 무엇입니까?
- 25. jQuery를 사용하여 실시간으로 입력 값을 표시하는 방법은 무엇입니까?
- 26. 클릭하면 jquery를 사용하여 이미지의 CSS 속성이 변경됩니다.
- 27. jQuery를 사용하여 배경 이미지의 크기 가져 오기
- 28. scrollRectToVisible을 사용하여 이미지의 가운데로 스크롤하는 방법은 무엇입니까?
- 29. jQuery를 사용하여 Ajax.ActionLink를 추가하는 방법은 무엇입니까?
- 30. 격자보기에서 이미지의 새 화면 onclick 이벤트를 표시하는 방법은 무엇입니까?
아 좋아요. 고맙습니다! – mchart