| 일 | 월 | 화 | 수 | 목 | 금 | 토 |
|---|---|---|---|---|---|---|
| 1 | 2 | 3 | 4 | 5 | 6 | |
| 7 | 8 | 9 | 10 | 11 | 12 | 13 |
| 14 | 15 | 16 | 17 | 18 | 19 | 20 |
| 21 | 22 | 23 | 24 | 25 | 26 | 27 |
| 28 | 29 | 30 | 31 |
Tags
- start.spring.io
- 스프링
- 메소드
- 싱글턴
- 컬렉션
- boxing
- 인텔리제이
- 싱글톤
- suvlet
- 내장객체
- 빌드
- maven
- bootstrap
- 무한
- https://start.spring.io
- dependency
- Scanner
- 콜렉션
- unboxing
- 자동형변환
- 제너릭
- wrapper
- 클래스
- Short
- 언박싱
- Jenkins
- 제네릭
- 박싱
- Java
- 루프
Archives
- Today
- Total
Developer Gonie
[8주차] 34. 이미지의 일부가 확대되어 보이는 효과를 위한 메소드 [ magnify() ] 본문
K-DigitalTraining 강의/7. JQuery
[8주차] 34. 이미지의 일부가 확대되어 보이는 효과를 위한 메소드 [ magnify() ]
이대곤 2022. 7. 17. 17:55* magnify() 이 한 줄의 코드가 없었을 때에는 보여지는 이미지를 클릭하면 a태그의 href로 이동하는 동작이었다.
하지만, magnify() 메소드를 실행 시킴으로써, 마우스를 이미지 위에 올려두면 위의 동작이 아니라
href로 이동하진 않았지만, href로 이동해서 그곳의 이미지를 보는 것 처럼 아래와 같이 확대해서 보여준다.
사용예시
* 기존에 jquery.js 만 import 해서 사용했던 것과 달리 magnify를 위한 js 도 import 해서 사용했다는 것에 주의하자.
'K-DigitalTraining 강의 > 7. JQuery' 카테고리의 다른 글
| [8주차] 35. 이미지가 자동으로 슬라이딩 되며 보여지도록 하는 메소드 [ rotator() ] (0) | 2022.07.17 |
|---|---|
| [8주차] 33. jQuery로 회원가입 form 유효성 검사하기 (0) | 2022.07.17 |
| [8주차] 32. Ajax를 위한 메소드 중, Low-Level Interface 예시[ ajax() ] *** (0) | 2022.07.17 |
| [8주차] 31. Ajax를 위한 메소드 중, Shorthand Method 예시[ get(), getJSON() ] (0) | 2022.07.17 |
| [8주차] 30. Ajax란? & jQuery가 제공하는 Ajax를 위한 메소드들 (0) | 2022.07.17 |
'K-DigitalTraining 강의/7. JQuery' Related Articles
more
Comments