붉은거위 노트 (redgoose note)

Flipbook jQuery plugin review

Nest
Development
Category
Javascript
Hit
492
Star
0

BookBlock

http://tympanus.net/Development/BookBlock/index.html

css3 애니메이션을 사용하기 때문에 ie이외의 브라우저는 애니메이션이 동작하지만 ie는 작동되지 않았습니다.(ie10버전까지 직접확인)

imBookFlip

http://grasshopperpebbles.com/demos/bookflip/manual

ie10과 타 브라우저에서는 작동하지만 ie9이하의 버전은 작동 오류가 있습니다.

http://www.jquery.info/scripts/jFlip/demo.html

ie9,10 버전은 자바스크립트 오류가 생겨서 확인을 하지 못했고, ie8버전은 깜빡이는 현상이 일어납니다.

turn.js(유료)

http://www.turnjs.com

드래그로 페이지넘기기도 되고, ie9까지는 애니메이션이 무난하게 이루어집니다.
ie8에서는 애니메이션이 조금 깨집니다.

Creating a jQuery Flipbook Image Slider with CSS3 3D Transforms

http://www.inserthtml.com/demo/flip-book/

ie 에서는 페이지 깨짐

jQuery Responsive FlipBook v5(유료)

http://www.flashmaniac.securityhost.pl/jquery_flipbook_diamond/responsive.html
ie9 이상의 버전에서는 무난하게 작동되지만 ie8에서는 깨집니다.

jQuery Fullscreen Pageflip Layout

http://tympanus.net/Tutorials/FullscreenBookBlock/

전체화면을 책장 넘기듯이 전환이 이루어집니다.
ie10에서는 애니메이션이 작동되지만 ie9이하에서는 애니메이션이 작동안됩니다.

Moleskine Notebook with jQuery flip page Booklet

http://www.jqueryrain.com/?EQnnRmtW

ie9이상 버전에서는 페이지 넘기는 애니메이션이 무난하게 작동되며 ie8이하의 버전에서는 애니메이션이 많이 끊깁니다. (튜닝이 많이 필요해보임)

Bookflip : JavaScript Page Turn effects

http://www.coastworx.com/bookflip4/bookflip.html

ie9이상에서는 애니메이션이 문제없지만 ie8에서는 책장 넘길때 ie가 멈춰버립니다.

jQuery Experimental PageFlip Layout Inspired by Flipboard

http://tympanus.net/Development/FlipboardPageLayout/

크롬, 사파리 전용

jQuery Flippage: Turn pages of your DIVs

http://www.jqueryrain.com/?9yQO5MGv

ie9까지 지원한다고 적혀있지만 애니메이션이 좋아보이지 않습니다. 드래그로 페이지 넘기기 지원함

WowBook – jQuery Flip book engine(유료)

http://codecanyon.net/item/wowbook-create-ebooks-with-page-flip/full_screen_preview/1791563?ref=jqueryrain

ie8버전까지 애니메이션 작동됩니다.