{"id":155331,"date":"2012-10-19T01:19:03","date_gmt":"2012-10-18T21:19:03","guid":{"rendered":"http:\/\/savepearlharbor.com\/?p=155331"},"modified":"-0001-11-30T00:00:00","modified_gmt":"-0001-11-29T21:00:00","slug":"","status":"publish","type":"post","link":"https:\/\/savepearlharbor.com\/?p=155331","title":{"rendered":"PFold \u2014 \u043e\u0447\u0435\u043d\u044c \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u044b\u0439 \u043b\u0430\u0439\u0442\u0431\u043e\u043a\u0441 \u043d\u0430 jQuery<\/span>"},"content":{"rendered":"
\tPFold \u2014 jQuery \u043f\u043b\u0430\u0433\u0438\u043d \u0441 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u043e\u0439 3D-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439.<\/p>\n

<\/p>\n

\u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a> \u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/a><\/p>\n

\u0412 \u0431\u0440\u0430\u0443\u0437\u0435\u0440\u0430\u0445, \u043d\u0435 \u043f\u043e\u0434\u0434\u0435\u0440\u0436\u0438\u0432\u0430\u044e\u0449\u0438\u0445 CSS 3D transforms \u0438\u043b\u0438 transitions, \u0438\u0437\u043e\u0431\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043f\u0440\u043e\u0441\u0442\u043e \u0431\u0443\u0434\u0443\u0442 \u0443\u0432\u0435\u043b\u0438\u0447\u0438\u0432\u0430\u0442\u044c\u0441\u044f \u0431\u0435\u0437 \u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0438.<\/p>\n

\u0412\u044b\u0437\u043e\u0432 \u043d\u0430 \u0441\u0442\u0440\u0430\u043d\u0438\u0446\u0435: <\/p>\n

<div id="uc-container" class="uc-container">     <div class="uc-initial-content">         <!-- initial content -->     <\/div>     <div class="uc-final-content">         <!-- final content -->     <\/div> <\/div> <\/code><\/pre>\n
  <\/p>\n
$( '#uc-container' ).pfold(); <\/code><\/pre>\n
  \u041d\u0430\u0441\u0442\u0440\u043e\u0439\u043a\u0438 \u043f\u043b\u0430\u0433\u0438\u043d\u0430:<\/p>\n
\/\/ the options $.PFold.defaults = { \u00a0\u00a0\u00a0\u00a0\/\/ perspective value \u00a0\u00a0\u00a0\u00a0perspective : 1200, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ each folding step's speed \u00a0\u00a0\u00a0\u00a0speed : 450, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ each folding step's easing  \u00a0\u00a0\u00a0\u00a0easing : 'linear', \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ delay between each (un)folding step (ms) \u00a0\u00a0\u00a0\u00a0folddelay : 0, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ number of times the element will fold \u00a0\u00a0\u00a0\u00a0folds : 2, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ the direction of each unfolding step \u00a0\u00a0\u00a0\u00a0folddirection : ['right','top'], \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ use overlays to simulate a shadow for each folding step  \u00a0\u00a0\u00a0\u00a0overlays : true, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ the main container moves (translation) in order to keep its initial position  \u00a0\u00a0\u00a0\u00a0centered : false, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ allows us to specify a different speed for the container's translation \u00a0\u00a0\u00a0\u00a0\/\/ values range : [0 - 1]  \u00a0\u00a0\u00a0\u00a0\/\/ if 0 the container jumps immediately to the final position (translation). \u00a0\u00a0\u00a0\u00a0\/\/ this is only valid if centered is true \u00a0\u00a0\u00a0\u00a0containerSpeedFactor : 1, \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ easing for the container transition \u00a0\u00a0\u00a0\u00a0\/\/ this is only valid if centered is true \u00a0\u00a0\u00a0\u00a0containerEasing : 'linear', \u00a0 \u00a0\u00a0\u00a0\u00a0\/\/ callbacks \u00a0\u00a0\u00a0\u00a0onEndFolding : function() { return false; }, \u00a0\u00a0\u00a0\u00a0onEndUnfolding : function() { return false; } }; <\/code><\/pre>\n
<\/div>\n<\/p><\/div>\n
 \u0441\u0441\u044b\u043b\u043a\u0430 \u043d\u0430 \u043e\u0440\u0438\u0433\u0438\u043d\u0430\u043b \u0441\u0442\u0430\u0442\u044c\u0438  http:\/\/habrahabr.ru\/post\/155331\/<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"
   \tPFold \u2014 jQuery \u043f\u043b\u0430\u0433\u0438\u043d \u0441 \u043d\u0435\u043e\u0431\u044b\u0447\u043d\u043e\u0439 3D-\u0430\u043d\u0438\u043c\u0430\u0446\u0438\u0435\u0439.<\/p>\n
  <\/p>\n
  \u0414\u0435\u043c\u043e\u043d\u0441\u0442\u0440\u0430\u0446\u0438\u044f<\/a> \u0421\u043a\u0430\u0447\u0430\u0442\u044c \u0438\u0441\u0445\u043e\u0434\u043d\u0438\u043a\u0438<\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-155331","post","type-post","status-publish","format-standard","hentry"],"_links":{"self":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/155331","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=155331"}],"version-history":[{"count":0,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=\/wp\/v2\/posts\/155331\/revisions"}],"wp:attachment":[{"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=155331"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=155331"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/savepearlharbor.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=155331"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}