GrassHopperPebbles.com Demos

JQuery Plugins

imBookFlip 1.3 - Auto Flip (with sound)

The following example displays the imBookFlip plugin using the autoFlip option (automatic page turning) set to 'click'. When set to 'click', auto flip (and sound) will begin after the user clicks on the first page (the book cover). I have also set the autoFlipSpeed to 5000 (default 7000). I also used the sound_manager option, so turn on your speakers to hear the audio.
This example also uses an iframe.

$(document).ready( function() {
	var myBook = $("#iframeCntnr").imBookFlip({
		page_class: 'imBookPage',
		autoFlip: 'click',
		autoFlipSpeed: 5000,
		sound_manager: {swf_loc: 'assets/js/soundmanager/soundmanager2.swf', audio_loc: 'assets/js/jquery/imbookflip/StarGate-SG1.mp3'},
		iframe: {src: 'assets/iframesrc/book.php', book: 'myBook'}
	});
	myBook.create();
});	
.imBookPage {
	position:absolute;
	left:0px;
	top:0px;
	width: 300px;
	height:360px;
	color:#fff;
	overflow:hidden;
	border: solid 1px #000;
}
#imframeCntnr {
	width:604px;
	height:362px;
	padding:0;
	float:left;
}	

For documentation about the imBookFlip plugin, view the blog post.

Tags

, , , , , , ,