Add fancybox wrapping to the introduction video
This commit is contained in:
45
index.html
45
index.html
@@ -7,6 +7,49 @@
|
||||
<meta name="keywords" content="open source, django, dms, edms, cms, electronic document" />
|
||||
<link href="css/main.css" rel="stylesheet" type="text/css" />
|
||||
<link rel="icon" type="image/png" href="images/bullet.png" title="Mayan" />
|
||||
|
||||
<!-- Add jQuery library -->
|
||||
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
|
||||
|
||||
<!-- Add mousewheel plugin (this is optional) -->
|
||||
<!-- <script type="text/javascript" src="/fancybox/lib/jquery.mousewheel-3.0.6.pack.js"></script> -->
|
||||
|
||||
<!-- Add fancyBox -->
|
||||
<link rel="stylesheet" href="packages/fancybox/source/jquery.fancybox.css?v=2.0.4" type="text/css" media="screen" />
|
||||
<script type="text/javascript" src="packages/fancybox/source/jquery.fancybox.pack.js?v=2.0.4"></script>
|
||||
|
||||
<!-- Optionaly add button and/or thumbnail helpers -->
|
||||
<link rel="stylesheet" href="packages/fancybox/source/helpers/jquery.fancybox-buttons.css?v=2.0.4" type="text/css" media="screen" />
|
||||
<script type="text/javascript" src="packages/fancybox/source/helpers/jquery.fancybox-buttons.js?v=2.0.4"></script>
|
||||
|
||||
<link rel="stylesheet" href="packages/fancybox/source/helpers/jquery.fancybox-thumbs.css?v=2.0.4" type="text/css" media="screen" />
|
||||
<script type="text/javascript" src="packages/fancybox/source/helpers/jquery.fancybox-thumbs.js?v=2.0.4"></script>
|
||||
|
||||
<script type="text/javascript">
|
||||
$(document).ready(function() {
|
||||
$(".fancybox").fancybox({
|
||||
autoSize : true,
|
||||
prevEffect : 'fade',
|
||||
nextEffect : 'fade',
|
||||
//closeBtn : false,
|
||||
//helpers : {
|
||||
// buttons : {},
|
||||
// overlay : {
|
||||
// opacity : 0.8,
|
||||
// css : {
|
||||
// 'background-color' : '#000'
|
||||
// }
|
||||
// },
|
||||
// thumbs : {
|
||||
// width : 50,
|
||||
// height : 50
|
||||
// }
|
||||
//}
|
||||
|
||||
});
|
||||
});
|
||||
</script>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
<div id="header">
|
||||
@@ -48,7 +91,7 @@
|
||||
|
||||
<p>
|
||||
<ul class="piramid_bullets">
|
||||
<li><a href="http://bit.ly/pADNXv">Quick introduction video</a></li>
|
||||
<li><a class="fancybox fancybox.iframe" href="https://www.youtube.com/v/PXw5vVf2n8g?autoplay=1&hd=">Quick introduction video</a></li>
|
||||
<li><a href="http://mayan.readthedocs.org">Online documentation</a></li>
|
||||
<li><a href="https://plus.google.com/b/108413286958999778262/">Google plus page</a></li>
|
||||
</ul>
|
||||
|
||||
Reference in New Issue
Block a user