출력이미지에 대한 레이아웃으로 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 간격으로 겹쳐지면
원하시는 효과를 얻으실 수 있습니다
퍼포먼스는 전자가 훨 좋습니다...