죄송ㅠㅠ 제이쿼리 관련 질문입니다.

죄송ㅠㅠ 제이쿼리 관련 질문입니다. 정보

죄송ㅠㅠ 제이쿼리 관련 질문입니다.

본문

눈팅만 하다가 어렵게 질문 하나 올립니다.

한개의 이미지가 있는데,
(파일첨부)그림처럼 구간이 나누어져서
나타나게 하고 싶습니다.

다른 이미지로 바뀌지도 않고
처음에 이미지가 나올때
저렇게 나오기만 하면 됩니다.

부탁드립니다. ㅠㅠ

복사
공유하기

이프온리 자기소개 아이디로 검색 회원게시물

자기소개 아이디로 검색 회원게시물

작성자에 의해 채택됐습니다.

출력이미지에 대한 레이아웃으로 div 하나 잡으시고
relative position 을 주신다음 이미지 사이즈만큼 크기 잡으시고
jquery 로 레이아웃 div 안에 박스div를 모자이크하실 수만큼 생성하여
absolute position 으로 배치하시고
대각선 페이드이므로 가로x세로갯수만큼 배열블럭으로
대각선 배열셋잡으셔서
각 배열셋에 속한 박스 div들을 setTimeout 으로 순차적 fade 시키시면 됩니다
레이아웃 바깥족이 단일색상일경우 박스div에 원본이미지를 위치시키고 바같쪽 색상매치하여
각 박스 배열셋에 animate로 opacity 가 0가 되도록 interval 을 주시면 되고
레이아웃 바깥족이 단일색상이 아닐경우 박스 div에
출력이미지를 백그라운드로 left,top 배경위치 조절하여 원본위치시키고
opacity 0에서 1로 animate 시키시면 됩니다
fade 텀은 setTimout 이므로 interval 시간의 1/2 간격으로 겹쳐지면
원하시는 효과를 얻으실 수 있습니다
퍼포먼스는 전자가 훨 좋습니다...