45 lines
No EOL
931 B
HTML
45 lines
No EOL
931 B
HTML
<!doctype html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="viewport" content="width = 1050, user-scalable = no" />
|
|
<script type="text/javascript" src="js/jquery.min.1.7.js"></script>
|
|
<script type="text/javascript" src="js/modernizr.2.5.3.min.js"></script>
|
|
</head>
|
|
<body>
|
|
|
|
<div class="flipbook-viewport">
|
|
<div class="container">
|
|
<div class="flipbook">
|
|
<div style="background-image:url(images/1.jpg)"></div>
|
|
<div style="background-image:url(images/2.jpg)"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<script type="text/javascript">
|
|
|
|
function loadApp() {
|
|
$('.flipbook').turn({
|
|
width:1222,
|
|
height:900,
|
|
elevation: 50,
|
|
gradients: true,
|
|
autoCenter: true
|
|
});
|
|
}
|
|
|
|
yepnope({
|
|
test : Modernizr.csstransforms,
|
|
yep: ['js/turn.js'],
|
|
nope: ['js/turn.html4.min.js'],
|
|
both: ['css/app.css'],
|
|
complete: loadApp
|
|
});
|
|
|
|
</script>
|
|
|
|
<script type="text/javascript" src="js/app.js"></script>
|
|
|
|
</body>
|
|
</html> |