웹 페이지가있어서 좋은 터닝 페이지 효과를 추가하고 싶습니다. 많은 jQuery 플러그인을 보았지만 몇 가지 문제점과 싫어하는 점이있었습니다. 애니메이션이 실행이미지뿐만 아니라 html 콘텐츠로 페이지 효과를 넘깁니다! jQuery 사용하기
이 제가 원하는 것입니다.
내가 가장 좋아하는 플러그인은 jFlip이지만 이미지만으로 작동합니다. 이 효과를 원하지만 표준 HTML 코드로 작업하고 싶습니다.
누구든지이 작업을 수행하는 방법을 알고 있습니까?
감사합니다.
jQuery Sexy Curl 플러그인이 사용자의 필요에 맞습니까? (아무도 당신이 원하는 것을 정확히 가지고 있지 않다는 것을 명심하십시오.)
지금 확인해 보겠습니다. 나는 그 효과를 좋아한다. 이제 프론트 페이지가 지나간 후 삼각형을 사라지게 만들려고하므로 뒷 페이지가 앞에있게됩니다. 그런 다음이 마지막 페이지에서 동일한 작업을 수행하고 다음 페이지로 이동하는 효과를 확인하십시오. 감사합니다. 당신이 이것을하는 방법을 아는 경우에, 중대 할 것입니다! 그 동안 나는 이것을 코딩 할 것이다 ... – Ragalante
페이지를 넘길 때 이미지를 사용해야합니다.
원래 제가 작성했습니다 : AFAIK jQuery에 대한 정말 멋진 페이지 전환 효과는 없습니다. 그들 모두 (몇 안되는)에는 단점이 있습니다. 여기 내 결과는 다음과 같습니다.
EDIT : 저는 이것을 다시 생각해 보았습니다. 이제는 imBookFlip이 실제로 jQuery로 작성된 멋진 페이지 전환 효과라고 생각합니다. 왜 내 의견을 바꾸 었는가? 내 원래의 게시물 울부 짖는 쇼와 애니메이션의 하나의 단점을 극복하기 위해 스크립트 나 자신을 수정했기 때문에 그것은 ...이다
imBookFlip :http://grasshopperpebbles.com/ajax/jquery-plugin-imbookflip-page-turning-without-flash/
이 정확히 우리가 ... 무엇을 찾고있는 내 말은, 그것이 거의! 실제 페이지 뒤집기 효과가 이전 이미지를 그대로 남겨 두지 않으면 플립이 완료된 후 새 페이지로만 대체하는 것이 좋을 것입니다. 그러나 문제
그것은 페이지 (imBookFlip Demo)의 모든 샘플을 분명히 이미지 만 사용하더라도, 그것은 작동하기 때문에 여러면에서 좋은 (해결 이번 호 내 수정 된 스크립트의 울부 짖는 소리를 참조) 그렇게 많이하지 않습니다 div 태그를 사용하면 어떤 내용이든 가능합니다 (샘플에서는 빈 div 요소를 배경 이미지와 함께 사용하므로 이미지와 내용을 결합 할 수 있습니다). 저는 사서원 인 아내를위한 포트폴리오를 만들고 있는데,이 구성 요소를 사용하여 정보가 담긴 책을 만들었습니다. 아직 진행 중이며 사용 된 글꼴은 단지 쇼케이스를위한 것이 었습니다. 아이디어를 얻으십시오 : http://lucianasciammarella.com.br
EDIT : 방금 페이지 플립을 움직이는 동안 이전 이미지를 제자리에 남겨 두지 않음으로써 애니메이션을 부드럽게 만들도록 스크립트를 업데이트했습니다. 이제 훨씬 더 사실적으로 보입니다. 아내의 포트폴리오 페이지는 이미 업데이트 된 스크립트를 실행하고 있으며 여기에서 직접 다운로드 할 수 있습니다. http://lucianasciammarella.com.br/jquery.imBookFlip-0.6A.js
EDIT2 : 원래 작성자에게 연락하고 업데이트 된 스크립트로 사이트에 의견을 게시했지만 이상하게 간단히 삭제했습니다. 답변이없는 게시물 ... 나는 모든 사람의 신용이 그에게 혼자 간다라고 말하면서, 나는 누군가의 창조를 적절하게하고 싶지 않다는 것을 확실히하고 싶다!
(두 줄의 코드를 추가하면 모든 크레디트가 원래 작성자에게 전달된다는 것을 명심하십시오. 사용법을 배우기 위해 다른 것을 변경하지 않았으므로 다음을 참조하십시오. 원래 사이트 또는 jQuery를 함께 벽 플립 내 아내의 페이지 소스 코드 ...)
스폰서를 참조하십시오http://tutorialzine.com/2010/03/sponsor-wall-flip-jquery-css/
이 여러 가지 방법으로 간단한 플립,하지만 놀랍습니다. 페이지 북 플립으로 작동하도록 확장 될 수 있습니다. 그것은 어떤 내용에도 적용됩니다. 유일한 문제는 현재 책 페이지가 아닌 페이지 중앙에 넘겨주는 것입니다. (결국 페이지 넘김 효과가 없으므로 ...)
이 두 가지가 도움이되기를 바랍니다. .. 이제 정말 깔끔한 페이지 뒤집기 효과를 원한다면 DevExpress Silverlight 북 구성 요소를 사용할 수 있습니다 (왼쪽의 컨트롤에서 http://demos.devexpress.com/AgCoreDemos/ 클릭). 그런 다음 책 또는 도서 달력 데모를 선택하십시오.
웹은 책이 아닙니다. =) 그러나 이것이 요구 사항이라면 Flash 또는 Silverlight를 사용해야 할 수도 있습니다. – jrummell