06.02.21 오늘의 일기

#오늘일기 #블챌 학원에서 실습하다가 짬이나서 미리 쓰는 오늘의 일기 #Coding #jQuery #Isotope 오늘은 Isotope jQuery 플러그인을 사용하여, 그랜드체이스 캐릭터들의 이미지 필터 레이아웃을 맨들어 보았다. 각각의 이미지 영역에 대해 키워드와 필터값을 부여하고, 그 필터값들이 버튼에 연동되게 하면 끝! 말은 쉽지만, 코딩자체는 쉽지않아 예전에 수업 예제를 활용해서 한 번 대~충 만들어 보았다. 20년 가까이 함께 했던 그랜드체이스 대원들을 보니 왠지 뿌듯하다. #그랜드체이스 이게 그랜드체이스 (카카오) 멤버들의 초상화. 그리고 상단에 Fixed된 버튼들이 있는 버튼랩영역, 하단은 각각의 이미지를 담고 있는 div 영역들. 버튼을 누르기에 앞서, 캐릭터에 마우스를 호버(올려놓으면), 배경이 없는 캐릭터의 png 이미지가 색상이 생기고, 캐릭터의 배경과 이름태그가 슈-욱 하고 생긴다. 호버하지 않은 캐릭터들과 비교하면 된다. 버튼, 그 중에서도 Disciples...

원문링크 : 06.02.21 오늘의 일기