Skip to content

Instantly share code, notes, and snippets.

@yornaath
Created July 14, 2011 12:09
Show Gist options
  • Save yornaath/1082337 to your computer and use it in GitHub Desktop.
Save yornaath/1082337 to your computer and use it in GitHub Desktop.
var flipper = newPageFlipper({
attr: {
id: 'pageFlipper1'
},
appendTo: 'body',
css: {
'height': '90%',
'width': '90%',
'border': '0px solid gray',
'margin': '5% auto 0px auto',
'background': 'rgba(59/59/59, 1)'
}
},
[
{
attr: {
id: 'p1'
},
html: '<p>this is Page 1, flip-><p>',
css: {
'background-color': 'rgba(213/225/221, 0.5)'
}
},
{
attr: {
id: 'p2'
},
html: '<p>this is page 2, flip-></p>',
css: {
'background-color': 'rgba(201/125/115, 0.5)'
}
},
{
attr: {
id: 'p3'
},
html: '<p>this is Page 3, flip-><p>',
css: {
'background-color': 'rgba(115/173/201, 0.5)'
}
},
{
attr: {
id: 'p4'
},
html: '<p>this is Page 4 and last, <-flip<p>',
css: {
'background-color': 'rgba(115/100/201, 0.5)'
}
}
]);
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment