본문 바로가기

반응형 그리드 정렬 최고의 UI 플러그인 Masonry 많은 갤러리 및 포트폴리오 사이트에 심심치 않게 등장하는 반응형 그리드 정렬 UI 플러그인 Masonry.버젼은 벌써 3.x버젼을 가고있지만 사실 2.x버젼을 우리나라에서는 가장많이 쓰고있다..이유는 3.x버젼부터는 이 플러그인도 대세를 따르기위해 IE7 을 버렸다..그래서 적용이 안됨.. 하지만 우리나라는 아직 IE7을 미치도록 버릴생각도 없다는거..그렇기에 2.x를 선호한다.. 그리고 2.x를 사용하려면 jQuery 버전또한 제한이 있다.. 이유는 2.x에서 jQuery.event.handle를 사용하는데 이 event.handle은 jQuery1.9 이상부터는 지원하지않기 때문이다.그래서 2.x를 사용하려면 jQuery 1.8.3을 사용하는게 버그없는 정렬을 볼수있다. 2.x Masonry 바로가기.. 더보기
jQuery를 이용해서 flash param값 변경 가끔 플래시의 변수를 페이지에서 변경해야하는 상황이 발생하는데 이럴때 jQuery를 이용해서 플래시 div를 변경하면 된다..하지만 만약 param값 wmode를 window에서 transparent를 바꿔서 플래시위에 div를 띄우려고 이방법을 쓴다면 잘못접근하는방식이다.. 절대로 안된다.. (참고로 해본경험이다...)$('#flashc param[name = "allowFullScreen"]').val("true");var newFlash = $('flashc').clone(true);$('#flashc').replaceWith(newFlash); 참조 : http://accessibility.oit.ncsu.edu/training/aria/modal-window/ 더보기
유용한 플러그인 ( 브라우저 슬라이드 , 반응형 그리드 ) jQuery Plugins to Create Dynamic Layouts1. jQuery Full Content - 사이트 전체 화면을 상하좌우로 슬라이드 시켜주는 플러그인 (프로모션 이벤트에 적합)바로가기 2. PageSlide- 사이트에 좌우 메뉴 펼치기 유용한 플러그인 바로가기3. ShapeShift- 사진들이나 모형들의 그리드 정렬.. 그리고 드레그해서 이동하면 자동 정렬 (퍼즐 맞추기 적합 , 반응형 가능)바로가기 4. jQuery Nested- 사진 객체들을 정렬시켜주는 그리드 , 반응형 적용됨 , 그리고 제 구성 및 추가구성이 가능함바로가기 5. Gridster- 역시 사진 갤러리나 컨텐츠를 배치 시켜놓고 자유롭게 드레그 할수있는 플러그인 (반응형 안됨)바로가기 6. Masonry- 사진 및.. 더보기