일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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
- happycgi
- 사이트제작
- 홈페이지제작
- #cgimall
- #해피CGI
- 홈페이지
- #image
- jquery
- #CSS
- CGIMALL
- php
- 해피씨지아이
- #솔루션
- #홈페이지
- 솔루션
- javascript
- #쇼핑몰
- #웹솔루션
- #업종별
- #동영상
- 해피CGI
- CSS
- #happycgi
- 웹솔루션
- 게시판
- #뉴스
- 쇼핑몰
- #jQuery
- #이미지
- #홈페이지제작
- Today
- Total
웹솔루션개발 22년 노하우! 해피CGI의 모든것
[해피CGI][cgimall] 상품이미지 오버시 확대하는 플러그인 입니다 본문
상품이미지를 확대보기를 원할때 사용하면 좋은 플러그인 입니다.
( jQuery Product Image Gallery with Zoom View on Hover )
라이센스 : MIT
구성요소 : HTML, CSS, JavaScript(+jQuery)
제공하는 사이트의 샘플은 클릭하지 않은 상태에서 첫번째 이미지에 마우스 오버하면 확대 기능이 작동하지 않습니다.
무조건 클릭해야지만 반응합니다.
그래서 첨부된 파일은 해당 부분 기능을 변경하여 첨부하였습니다.
사용방법은 간단합니다.
HTML 코드내에 img 태그로 이미지를 출력시켜주시면 됩니다.
단, 첫번째 이미지에는 id="first_img" 속성만 추가해 주시면 됩니다.
'웹프로그램밍 자료실 > JAVA 자료' 카테고리의 다른 글
[해피CGI][cgimall] jQuery & HTML5 Canvas를 이용한 그림판 플러그인 (0) | 2021.08.16 |
---|---|
[해피CGI][cgimall] HTML Range Slider (0) | 2021.08.13 |
[해피CGI][cgimall] Horizontal Timeline (0) | 2021.08.11 |
[해피CGI][cgimall] morris.js v0.5.1 (0) | 2021.08.10 |
[해피CGI][cgimall] vue.js를 이용한 신용카드 정보 입력폼 (0) | 2021.08.02 |
Comments