퍼즐 썸네일형 리스트형 3day - 퍼즐만들기 퍼즐 만들기를 하기 위해선 저번에 했던 블록쌓기에서 응용을 해야 된다. if & for 그리고 shuffle, parseInt 등을 사용해서 만들어보자. 이걸 만들려고 한다. 마지막칸을 비우고 비워있는 칸 상하 좌우 칸을 눌렀을때 빈곳으로 이동하게 해서 퍼즐을 완성한다. 저 상태로 완성이되면 셔플이벤트로 퍼즐의 위치를 섞어주면 완성이다. 전체 box-wrap을 만들고 그 안에 들어갈 box를 css를 넣어준다. 여기서 background-image를 한장의 사진을 넣어주는데 사진크기를 box-wrap크기와 똑같이 맞춰줘야 빈틈 없이 들어간다. 이것은 js로 box마다 사진의 위치를 backgroundPosition로 잡아준다. append를 추가할때 col="'+i+'" row="'+j+'" 를 넣어줘서.. 더보기 이전 1 다음
