형우의 웹개발

최고의 jQuery 갤러리 플러그인, fancyBox, 2로 업그레이드하면서 상업적 사용은 금지했다

fancyBox는 ColorBox와 함께 jQuery 갤러리 플러그인 중 가장 유명한 것 같다.

최근에 버전이 2로 올라가면서 가장 큰 변화는 상업적 사용이 금지된 점인 것 같다.(라이센스는 아래 목록 참조) 기존의 1.3 버전은 상업적 사용까지 허용하는 MIT and GPL licenses였는데 말이다. 그래서 비영리 사용자라면 업그레이드를 하는 게 좋을 테고, 그렇지 않은 사용자라면 그냥 1.3대를 사용하는 게 속편할 거다. (ColorBox는 상업적 사용까지 허용하는 MIT License다.)

fancyBox2로 버전업이 되면서 주요한 변화는 아래와 같다고 한다.

  • helper들을 이용한 확장이 가능하다.
  • 반응형이다. (팬시박스가 열려 있는 동안 창 크기를 바꿔 봐라.)
  • 통합적 슬라이드쇼 [뭔 말인지 모르겠다.]
  • 새로운 갤러리 전환 효과
  • CSS3 사용 (그림자와 둥근 모서리)
  • 플러그인 옵션 업데이트 (구 버전과 호환성 없음)
  • 크리에이티브 커먼스
  • 라이센스 변경 : Creative Commons Attribution-NonCommercial 3.0

👇 댓글 바로 가기

👇 카테고리 글 목록

16년차 풀스택 웹 개발자 안형우입니다

웹 개발에서도 중요한 것은 개념입니다.
이 블로그에는 제가 개발하며 익힌 개념들을 정리합니다.

워드프레스를 개발자 입장에서 다루는 데 오랜 시간을 써 왔습니다.
인프런 강의 “워드프레스 제대로 개발하기 어드민 편, 클라이언트 편” 지식 공유자입니다.

OOCSS에서 Utility-First CSS까지, CSS를 효과적으로 관리하는 데 관심이 많았습니다.
“프로젝트 중심 실전 CSS”라는 제목으로 관련 강의를 유튜브에 연재중입니다.

👉 소개 더 보기

대표글

man writing on paper

더 나은 폼을 만드는 몇 가지 팁

2024년 2월 16일

assorted files

개발시 내용을 정확히 반영하는 변수명을 사용하는 것은 아주 중요합니다

2024년 1월 5일

CSS가 어려운 이유 — 프로젝트 중심 실전 CSS 강의 소개

2023년 4월 13일

워드프레스, 답답한 빌더와 플러그인 대신 시원하게 커스터마징하기(강의)

2023년 1월 15일

아무도 말하지 않는 PHP의 좋은 점

2018년 10월 13일

유지보수하기 쉬운 CSS 전략(슬라이드)

2016년 12월 20일

워드프레스 테마에서 템플릿 파일 매칭 순서

2013년 5월 12일

white smartphone on two softbound books

CSS 코드 냄새

2013년 1월 1일

“최고의 jQuery 갤러리 플러그인, fancyBox, 2로 업그레이드하면서 상업적 사용은 금지했다”에 대한 5개의 응답

  1. onionmen

    http://jquery.com/demo/thickbox/ 여기 가보시면 갤러리로 사용할 수 있는 여러가지 비슷한 라이브러리가 있는데요, 개인적으로는 colorbox, thickbox, fancybox를 사용해봤는데, 그중에 colorbox가 참 괜찮더라구요. (좀 무겁긴 하지만)

    이런것들도 한번 사용해보셔요 : )

    응답
    1. 녹풍

      와우~ 감사합니다. ^^ 다음번에 사용할 일이 있을 때는 colorbox를 사용해 봐야 할 거 같아요. 그렇게 무겁지도 않아 보이고요!

      응답
  2. 웹

    얼마 전에 소개한 fancybox를 사용하는데 ie에서 골치아픈 문제가 있었다. 사용하기 전에 알았다면 fancybox를 사용하지 않고 colorbox를 사용했을 것이다. ie6,7(익스플로러6,7)에서 아이콘들이 보이지 않는 상황 해결 fancybox의 설치 방법에 해결방법이 함께 제공되고 있기 때문에 버그라고 하기까지는 뭐하다고 할 수도 있겠다. 하지만 readmore를 클릭해야만 볼 수 있기 때문에 이건 좀 아니다 싶다. 해결은 간단하다. fa..

    응답
  3. [jQuery] 레이어 팝업으로 이미지를 띄울 때 이미지가 다 불러진 다음 이미지 사이즈를 계산해서 화면 정 중앙에 오게 하기

    […] fancybox 라이브러리는 강력한 이미지 갤러리 기능을 갖추고 있다. […]

    응답
  4. [fancyBox2] 모바일 문제 해결하기 – 위치가 이상해지는 것 | 웹으로 말하기

    […] 이 해결책은 팬시박스1에 대한 해결책은 아니다. 그러나 1에도 적용할 수 있을지 모르겠다. 난 안 해 봤으니 모르겠고. (팬시박스2의 주요 변경사항) […]

    응답

onionmen 에 응답 남기기응답 취소