turnjs

Vertical flipping using turn.js

由 为君一笑 提交于 2020-01-14 10:08:11
问题 I am using turn.js in my application and would like to implement the vertical flipping similar to http://pageflip-books.com/documentation-configuration.php - VerticalMode Can anyone let me know, how can I implement the vertical flipping in turn.js? 回答1: Just rotate the continer div by 90 degrees, and then rotate internal childs by -90 degrees to cancel the rotation. 回答2: Rotating the container by -90 degrees and the pictures by 90 degrees does produce a vertical flip-book, but the mouse event

Vertical flipping using turn.js

由 感情迁移 提交于 2020-01-14 10:06:10
问题 I am using turn.js in my application and would like to implement the vertical flipping similar to http://pageflip-books.com/documentation-configuration.php - VerticalMode Can anyone let me know, how can I implement the vertical flipping in turn.js? 回答1: Just rotate the continer div by 90 degrees, and then rotate internal childs by -90 degrees to cancel the rotation. 回答2: Rotating the container by -90 degrees and the pictures by 90 degrees does produce a vertical flip-book, but the mouse event

Turn.js more controls to make buttons

由 三世轮回 提交于 2020-01-01 07:21:42
问题 I've been looking on ways on how to make controls/button to manipulate turn.js to make my own magazine web page. here is my html script <div id="magazine"> <div style="background-image:url(pages/01.jpg);"></div> <div style="background-image:url(pages/02.jpg);"></div> <div style="background-image:url(pages/03.jpg);"></div> <div style="background-image:url(pages/04.jpg);"></div> <div style="background-image:url(pages/05.jpg);"></div> <div style="background-image:url(pages/06.jpg);"></div> </div

Turn.js more controls to make buttons

由 試著忘記壹切 提交于 2020-01-01 07:21:13
问题 I've been looking on ways on how to make controls/button to manipulate turn.js to make my own magazine web page. here is my html script <div id="magazine"> <div style="background-image:url(pages/01.jpg);"></div> <div style="background-image:url(pages/02.jpg);"></div> <div style="background-image:url(pages/03.jpg);"></div> <div style="background-image:url(pages/04.jpg);"></div> <div style="background-image:url(pages/05.jpg);"></div> <div style="background-image:url(pages/06.jpg);"></div> </div

Page Flip effect in pure Javascript

由 烂漫一生 提交于 2019-12-21 02:41:08
问题 For an ebook-reader webapp, im trying to make a fancy book-like viewer for the ebooks, like iBooks for iPad and iPhone. I found that excellent jQuery Plugin which is exactly what im trying to reach. The only problem is, its a jQuery Plugin, so i cant use that. How could something like that'be done in pure Javascript? Link to the jQuery page flip plugin: Turn JS jQuery Plugin 回答1: As much as you might think this is better to do with JavaScript alone, you should understand that it's might be

Page Flip effect in pure Javascript

由 醉酒当歌 提交于 2019-12-21 02:41:06
问题 For an ebook-reader webapp, im trying to make a fancy book-like viewer for the ebooks, like iBooks for iPad and iPhone. I found that excellent jQuery Plugin which is exactly what im trying to reach. The only problem is, its a jQuery Plugin, so i cant use that. How could something like that'be done in pure Javascript? Link to the jQuery page flip plugin: Turn JS jQuery Plugin 回答1: As much as you might think this is better to do with JavaScript alone, you should understand that it's might be

Ionic 2 Flipbook like Turn Js

由 若如初见. 提交于 2019-12-10 15:07:16
问题 I am building an app for viewing deals with Ionic 2. I want to develop a flipbook which has to display image as a flipbook like in the following link turnjs I tried to implement this plugin in Ionic 2 app but was not successful. My questions are the following Is there any plugin available? How can I integrage turn js plugin to my Ionic2 app?(Any guidance) Thanks in advance. 回答1: https://www.npmjs.com/package/angular-turnjs check out that link there for an angular based turn.js implementation.

can I work with angular js ng-repeat and turn.js?

由 风流意气都作罢 提交于 2019-12-08 04:21:57
问题 I'm trying to make a magazine using turn.js and angular.js I'm using angular to parse the json file and extract the image path for using it in a $scope variable in my view with ng-repeat and the turn.js to make the flipbook animation to make the div look like a magazine. But it doesnt generate the flipbook and just draw the images one after other. Please help! I put the code right here HTML <div id="flipbook" class="flipbook"ng-repeat="slide in slides"> <div><img src="{{slide.path_main}}"><

can I work with angular js ng-repeat and turn.js?

由 ☆樱花仙子☆ 提交于 2019-12-06 16:48:22
I'm trying to make a magazine using turn.js and angular.js I'm using angular to parse the json file and extract the image path for using it in a $scope variable in my view with ng-repeat and the turn.js to make the flipbook animation to make the div look like a magazine. But it doesnt generate the flipbook and just draw the images one after other. Please help! I put the code right here HTML <div id="flipbook" class="flipbook"ng-repeat="slide in slides"> <div><img src="{{slide.path_main}}"></div> </div> </div> Flipbook init $("#flipbook").turn({ width: 1724, height: 772, autoCenter: true }); I

Turn.js more controls to make buttons

由 强颜欢笑 提交于 2019-12-03 21:32:25
I've been looking on ways on how to make controls/button to manipulate turn.js to make my own magazine web page. here is my html script <div id="magazine"> <div style="background-image:url(pages/01.jpg);"></div> <div style="background-image:url(pages/02.jpg);"></div> <div style="background-image:url(pages/03.jpg);"></div> <div style="background-image:url(pages/04.jpg);"></div> <div style="background-image:url(pages/05.jpg);"></div> <div style="background-image:url(pages/06.jpg);"></div> </div> <a onclick="turntopage(4)">Go to page 4</a> and i want to make some button controls like Go to page 4
订阅 turnjs