As it stands lightbox cannot be used. The action getthumbnail creates a small image that isn't useable. We need a Display action that will return the image in full size.
To add lightbox when this is attained:
download lightbox from: http://www.huddletogether.com/projects/lightbox2/ unzip, rename folder to lightbox, put in root of ofb.
Modify main.tpl line ~9 <link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" /> <script type="text/javascript" src="lightbox/js/prototype.js"></script> <script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script> <script type="text/javascript" src="lightbox/js/lightbox.js"></script>
Modify Browser.js line ~793 if (entry.thumbnail) { //ORIGINAL image = Builder.node('img',{className:'thumbnail', id:'thumbnailImage', border:2}); //Lightbox Mod image = Builder.node('a',{href:'index.php?action=Display&filename=' + this.preparePath(entry.relativePath), rel:'lightbox'}, [ Builder.node('img',{className:'thumbnail', id:'thumbnailImage', border:2}) ]);
I'm not sure how to add this new action, but will attempt it based on the examples of the other actions.
Log in to post a comment.
As it stands lightbox cannot be used.
The action getthumbnail creates a small image that isn't useable.
We need a Display action that will return the image in full size.
To add lightbox when this is attained:
download lightbox from: http://www.huddletogether.com/projects/lightbox2/
unzip, rename folder to lightbox, put in root of ofb.
Modify main.tpl line ~9
<link rel="stylesheet" href="lightbox/css/lightbox.css" type="text/css" media="screen" />
<script type="text/javascript" src="lightbox/js/prototype.js"></script>
<script type="text/javascript" src="lightbox/js/scriptaculous.js?load=effects"></script>
<script type="text/javascript" src="lightbox/js/lightbox.js"></script>
Modify Browser.js line ~793
if (entry.thumbnail) {
//ORIGINAL image = Builder.node('img',{className:'thumbnail', id:'thumbnailImage', border:2});
//Lightbox Mod
image = Builder.node('a',{href:'index.php?action=Display&filename=' + this.preparePath(entry.relativePath), rel:'lightbox'}, [
Builder.node('img',{className:'thumbnail', id:'thumbnailImage', border:2})
]);
I'm not sure how to add this new action, but will attempt it based on the examples of the other actions.