Submit your widget

useful jQuery Flip Book effect

Created 5 years ago   Views 51797   downloads 8318    Author inserthtml
useful jQuery Flip Book effect
View DemoDownload 414.2 KB
74
Share |

This is a jQuery flip book plugin.and Using 3D transforms and just a little jQuery you can use it too. 

The plugin uses 3D transforms activated by jQuery to create the effect. The slides are moved around using jQuery in order to create a continuous effect, but behind the scenes things are a little bit more complex than just flipping, and to create this effect there was a lot of appending and waiting.

Using it

To begin, create your HTML. It’s going to look like this. Update the images as you see fit. The content divs are optional, but they add a little extra I think.

<div id="flipbook">
	<div class="slide">
		<img src="images/1.jpg" alt="" /> 
		<div class="content"><a href="#">Flowers: What you didn't know</a></div> 
	</div>
	<div class="slide">
		<img src="images/2.jpg" alt="" /> 
		<div class="content"><a href="#">Flowers: Real or Fiction?</a></div> 
	</div>
	<div class="slide">
		<img src="images/3.jpg" alt="" /> 
		<div class="content"><a href="#">A Flower ate my Baby!</a></div> 
	</div>
	<div class="slide">
		<img src="images/4.jpg" alt="" /> 
		<div class="content"><a href="#">Will Flowers Destroy Earth?</a></div>
	</div>
</div>

Read more:http://www.inserthtml.com/2013/08/css-flip-book-jquery-plugin/