Hi,
here is a small tutorial:
1. create a
lightbox directory in the project folder and copy
lightbox files into this directory
2. add following lines into <head> tag of your Master page:
<script type="text/javascript" src="~/lightbox/js/jquery.js"></script>
<script type="text/javascript" src="~/lightbox/js/jquery.lightbox-0.5.js"></script>
<link rel="stylesheet" type="text/css" href="~/lightbox/css/jquery.lightbox-0.5.css" media="screen" />
<script type="text/javascript">
$(function() {
$('#gallery a').lightBox(); // Select all links in object with gallery ID
});
</script>
3. add following code into transformation selected next to
Transformation name property of document attachment webpart:
<a href="<%# GetAttachmentUrl(Eval("AttachmentName"), Eval("NodeAliasPath")) %>" >
<img src="<%# GetAttachmentUrl(Eval("AttachmentName"), Eval("NodeAliasPath")) %>" width="72" height="72" alt="" /></a>4. Add following content into
Content before property of your document attachment webpart:
<div id="gallery">5. Add following content into
Content after property of your document attachment webpart:
</div>Now your document attachments should be displayed with lightbox effect.
I hope the tutorial helps.
Best regards,
Ivana Tomanickova