matthias/mayan-edms
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Add fancybox support to the screenshot images

Browse Source
This commit is contained in:
Roberto Rosario
2011-12-19 17:54:09 -04:00
parent 05883260f7
commit 60bfe94528
1 changed files with 47 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

53
screenshots.html
View File

@@ -7,6 +7,47 @@
<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({
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">
@@ -46,32 +87,32 @@
<ul class="bullets">
<li><h3><span class="red">Document's page previews</span></h3></li>
<p>
<img class="screenshot" src="images/pages-carousel.png"/><br />
<a class="fancybox" rel="screenshots" href="images/pages-carousel.png" title="Multipage document preview support"><img class="screenshot center" src="images/pages-carousel.png" /></a><br />
</p>
<li><h3><span class="red">Many configuration options with sensible defaults</span></h3></li>
<p>
<img class="screenshot" src="images/settings.png" width="800" /><br />
<a class="fancybox" rel="screenshots" href="images/settings.png" title="Configuration options"><img class="screenshot center" src="images/settings.png" width="800px" /></a><br />
</p>
<li><h3><span class="red">Automatic document grouping</span></h3></li>
<p>
<img class="screenshot" src="images/grouping.png" width="800" /><br />
<a class="fancybox" rel="screenshots" href="images/grouping.png" title="Automatic metadata based document linking"><img class="screenshot center" src="images/grouping.png" width="800px" /></a><br />
</p>
<li><h3><span class="red">Document content extracted or transcribed via OCR</span></h3></li>
<p>
<img class="screenshot" src="images/content.png" width="800" /><br />
<a class="fancybox" rel="screenshots" href="images/content.png" title="Content extraction via parsing with OCR fallback"><img class="screenshot center" src="images/content.png" width="800px" /></a><br />
</p>
<li><h3><span class="red">Many file formats supported, database and storage agnostic</span></h3></li>
<p>
<img class="screenshot" src="images/properties.png" /><br />
<a class="fancybox" rel="screenshots" href="images/properties.png" title="Database and storage independent"><img class="screenshot center" src="images/properties.png" /></a><br />
</p>
<li><h3><span class="red">Color coded tagging</span></h3></li>
<p>
<img class="screenshot" src="images/tagging.png" /><br />
<a class="fancybox" rel="screenshots" href="images/tagging.png" title="Color coded tagging"><img class="screenshot center" src="images/tagging.png" /></a><br />
</p>
</ul>