JS로 장바구니 구현 질문입니다. 정보
JS로 장바구니 구현 질문입니다.
첨부파일
본문
참고사이트 : http://www.panic.com/goods/ <---페이지를 보고 따라해보려고 하는데요
이미지를 드래그해서 하단에 '카트'로 넣으면 이미지가 마우스를 따라가다가 카트에 들어가고 가격이 표시됩니다.
반대로 카트에 있는 이미지를 빼낼수도 있구요
소스를 퍼와서 보니, 여기서 이미지에 대고 마우스를 클릭했을때 이미지가 복사되어져서 마우스를 따라가는건 아니고 미리 이미지를 따로 만들어서 저장시켜놓고 클릭했을때 드래그용이미지를 불러들이는거 같아요..
그래서 해당경로에 이미지를 만들어서 놓고 실험해보니 클릭했을때 이미지가 불러와지더군요
그런데 하단 카트부분에 넣었을때 이미지가 안들어가지네요..
소스를 아무리 봐도 카트에 넣을때 어떻게 이미지가 뜨는지 어떤방식으로 구현한건지 모르겠어요
소스를 갖다 붙이니 너무 길어서인지 다 안들어가네요
첨부파일 저 3개에서 장바구니 모든 기능이 이루어집니다.
도와주십쇼 ( __)
감사합니다.!!
댓글 전체
해당 사이트는 드래그로 장바구니기능을 구현하지는 않은것 같습니다.
그냥 아이콘을 눌르니 장바구니로 들어가네요.
드래그로 장바구니기능을 구현하는건 크게 어려운 기능은 아닙니다.
이미지 드래그 기능을 구현하고 그 이미지가 특정 구역으로 들어 갔을 경우,
장바구니에 추가하는거죠.
jQuery같은 자바스크립트 프레임워크를 사용하시면 수월하게 구현하 실 수 있습니다.
그냥 아이콘을 눌르니 장바구니로 들어가네요.
드래그로 장바구니기능을 구현하는건 크게 어려운 기능은 아닙니다.
이미지 드래그 기능을 구현하고 그 이미지가 특정 구역으로 들어 갔을 경우,
장바구니에 추가하는거죠.
jQuery같은 자바스크립트 프레임워크를 사용하시면 수월하게 구현하 실 수 있습니다.
ajax 에 대한 기본적인 지식을 습득하신 후 진행하시는게 좋을거 같습니다.