adding lightbox2 for a preview effect out of the photo index

Signed-off-by: Andreas Unterkircher <unki@netshadow.at>

3 files changed, 9 insertions, 0 deletions

diff --git a/themes/default/templates/credits.tpl b/themes/default/templates/credits.tpl
index da7fb9f..f1c9912 100644
--- a/themes/default/templates/credits.tpl
+++ b/themes/default/templates/credits.tpl
@@ -10,6 +10,8 @@
  PHP tag-cloud code by <a href="http://prism-perfect.net/archive/php-tag-cloud-tutorial/">Jenny Ferenc</a>.
  <br />
  Most icons from <a href="http://www.silvestre.com.ar/">Silvestre Herrera's</a> Nuovo icon kit.
+ <br />
+ <a href="http://www.huddletogether.com/projects/lightbox2/">Lightbox2</a>
  <hr />
  F-Spot database version: {$db_version}
 </div>
diff --git a/themes/default/templates/header.tpl b/themes/default/templates/header.tpl
index 5d66f2d..c233bb3 100644
--- a/themes/default/templates/header.tpl
+++ b/themes/default/templates/header.tpl
@@ -8,4 +8,10 @@
   <script type="text/javascript" src="phpfspot.js"></script>
   <link rel="shortcut icon" href="resources/gpl_16.png" type="image/png" />
   <link rel="icon" href="resources/gpl_16.png" type="image/png" />
+  { if $use_lightbox }
+  <script type="text/javascript" src="lightbox2/js/prototype.js"></script>
+  <script type="text/javascript" src="lightbox2/js/scriptaculous.js?load=effects,builder"></script>
+  <script type="text/javascript" src="lightbox2/js/lightbox.js"></script>
+  <link rel="stylesheet" href="lightbox2/css/lightbox.css" type="text/css" media="screen" />
+  { /if }
  </head>                                                                                                      
diff --git a/themes/default/templates/photo_index.tpl b/themes/default/templates/photo_index.tpl
index ae0c62c..f281630 100644
--- a/themes/default/templates/photo_index.tpl
+++ b/themes/default/templates/photo_index.tpl
@@ -54,6 +54,7 @@
      <br />
     {$img_name[thumb]}
     </a>
+    <a href="phpfspot_img.php?idx={$images[thumb]}&amp;width={$preview_width}" alt="thumb_{$images[thumb]}" rel="lightbox[photoidx]" title="Preview of {$img_name[thumb]}"><img src="resources/eyes.png" /></a>
    </div>
 
   {/if}