내가하고 싶은 일은 그 위에 마우스를 올리면 이미지가 커지게 만드는 것입니다. CSS에서 :hover
으로 간단하게 처리 할 수 있지만 주변 내용을 푸시하지 않기를 바랍니다. 나는 또한 이미지가 왼쪽 상단 모서리가 아닌 중심에서 자랍니다 것을 선호합니다. 아마도 CSS와 많은 미디어 쿼리 (주변 요소의 위치가 윈도우 너비에 따라 다름)로 시간을 보내면서 매우 지저분하지만 기능적 코드가 발생할 수 있습니다. 그러나 Javascript 또는 Jquery에서이 작업을 수행하는 간단한 방법이 있다면 훨씬 더 좋습니다. 누구든지이 일을하는 좋은 방법을 알고 있습니까?자바 스크립트가 아닌 이미지를 확대합니다.
0
A
답변
1
요소 위로 마우스를 가져 가면 transform:scale()
을 사용하면됩니다. 그것은 주변 콘텐츠를 밀어 내지 않을 것이고 주어진 요소의 위치에 따라 중심에서부터 확장되어야합니다.
+0
감사합니다. IRC의 누군가 나에게 똑같은 답을주었습니다. 그래서 엉뚱한 자세를 보여 주신 것에 감사드립니다. 어쨌든, 이것이 제가 원했던 것입니다. – Turtleman579
관련 문제
- 1. UIScrollview는 현재 이미지를 확대합니다.
- 2. OpenCL - 이미지를 그려서 확대합니다.
- 3. 안드로이드 : ImageView가 소스 이미지를 확대합니다.
- 4. VB .NET : PictureBox가 이미지를 확대합니다!
- 5. 자바 스크립트가 아닌 값을 특성
- 6. 자바 스크립트가 아닌 필수 필드 기본적으로
- 7. 자바 스크립트가 아닌 멀티 터치 이벤트
- 8. DFP '자바 스크립트가 아닌 환경에서 광고 게재'
- 9. 자바 스크립트 (또는 자바 스크립트가 아닌)로 자바 스크립트 (또는 자바 스크립트가 아닌)를 사용하여 텍스트 영역을 입력하는 방법
- 10. 이미지의 페이드 인/아웃은 이미지를 둘러싼 이미지의 그리드 뷰를 확대합니다.
- 11. 왜 자바 스크립트가 이미지를 캔버스에 그리지 않습니까?
- 12. 자바 스크립트가 정확한 이미지를 표시하지 않습니다.
- 13. 자바 스크립트가
- 14. 자바 스크립트가 아닌 대안으로 자바 스크립트 웹 페이지 개발하기
- 15. HTML에서 작동하지만 자바 스크립트가 아닌 자바 스크립트 객체
- 16. Cocos2d : 게임에서 축소하여 확대합니다.
- 17. 자바 스크립트가
- 18. 자바 스크립트가
- 19. 자바 스크립트가
- 20. 자바 스크립트가 :
- 21. Datagrid 행을 실버 클릭으로 확대합니다.
- 22. 스크립트가 이미지를 순환하지 않습니다.
- 23. 자바 스크립트가 아닌 환경에서 Facebook Like를 구현하는 방법
- 24. 자바 스크립트가 아닌 선택 가능한 텍스트가 Chrome/IE에서 작동하지 않습니다.
- 25. 자바 스크립트가 아닌 '스크립트'의 콘텐츠를 가져 오는 방법은 무엇입니까?
- 26. deleteRow가 때때로 올바른 행을 삭제하고 때로는 자바 스크립트가 아닌 경우
- 27. jQuery는 PHP로 공개되고 자바 스크립트가 아닌 div를 fadeout합니까?
- 28. webpack을 사용하여 CSS 모듈 만 컴파일하십시오 (자바 스크립트가 아닌)
- 29. 자바 스크립트가 탭이 아닌 새 페이지를 열도록 강요하십시오.
- 30. 헤더가 전송되었을 때 자바 스크립트가 아닌 사용자를 리디렉션
실례지만, JS 또는 JQuery 솔루션은 CSS를 사용하여 결국 문제를 해결하지 않겠습니까? OTOH, 그 해결책은 복잡 할 수 있고 JS/JQuery 라이브러리는 당신의 삶을 훨씬 쉽게 만들 수 있습니다. 그래서 저는 그 매력을 이해합니다. –
아마도 토글()과 같은 일부 요소는 CSS를 방해하지 않는 것으로 보입니다. 어쨌든 지루함없이 몇 시간 동안 작동하게되면 CSS에 어떤 영향을 미치는지 정말 신경 쓰지 않습니다. Javascript 나 JQuery가 간단한 해결책을 가지고있는 것처럼 보이는이 시점에서 필자의 주요 관심사는 소요 시간을 최소화하는 것이다. – Turtleman579