상품 상세사진 마우스줌 보기 소스를 구했는데.. 채택완료
jquery zoom 이라는 겁니다.
작은 썸네일 사진에 마우스를 가져다 댈때 마다
왼쪽의 큰 이미지가 바뀌고, 그 바뀐 이미지 마다 줌 이 되어야 하는데..
도무지 감이 오질 않네요..
한장만 되게 하거나, 여러장이 다 보이게 하면 되긴 합니다만..... -_-;;
Copy
.zoom {
display:inline-block;
position: relative;
}
/* magnifying glass icon */
.zoom:after {
content:'';
display:block;
width:33px;
height:33px;
position:absolute;
top:0;
right:0;
background:url(icon.png);
} .zoom img {
display: block;
} .zoom img::selection { background-color: transparent; } #ex1 img:hover { cursor: url(grab.cur), default; }
#ex1 img:active { cursor: url(grabbed.cur), default; }
#ex2 img:hover { cursor: url(grab.cur), default; }
#ex2 img:active { cursor: url(grabbed.cur), default; }
Copy
Copy
답변을 작성하려면 로그인이 필요합니다.
로그인