×

Generate Code

This is a sample HTML document, showing how to install the plugin in your website
<!doctype html>
<html>
<head>
<!-- you can use your own animation library and css3 classes -->
<link rel="stylesheet" href="assets/css/effect.css"> 
<!-- ipanorama styles -->
<link rel="stylesheet" href="assets/css/ipanorama.css">
<link rel="stylesheet" href="assets/css/ipanorama.theme.default.css">
<link rel="stylesheet" href="assets/css/ipanorama.theme.modern.css">
<link rel="stylesheet" href="assets/css/ipanorama.theme.dark.css">
<!-- /end ipanorama styles -->
</head>
<body>

<div id="mypanorama"></div>

<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/three.min.js"></script>
<script src="assets/js/jquery.ipanorama.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
	// paste generated code here...
});
</script>
</body>
</html>
The code for paste that contains all settings and initializes the plugin: