use fancybox to display image preview

diff --git a/apps/gallery/lib/tiles.php b/apps/gallery/lib/tiles.php
index 26ff3cbb9f87036310bfc9b63a8d243ee5157a01..c2d7fede7869fd8caef4482582783cfd1aa75539 100644 (file)
--- a/apps/gallery/lib/tiles.php
+++ b/apps/gallery/lib/tiles.php
@@ -96,7 +96,7 @@ class TileSingle extends TileBase {
   }
   
   public function get($extra = '') {
-         return '<img src="'.GET_THUMBNAIL_PATH.urlencode($this->getPath()).'" '.$extra.'>';
+    return '<a rel="images" href="?app=files&getfile=download.php?file='.urlencode($this->getPath()).'"><img rel="images" src="'.GET_THUMBNAIL_PATH.urlencode($this->getPath()).'" '.$extra.'></a>';
   }
   
   public function getMiniatureSrc() {
@@ -108,7 +108,7 @@ class TileSingle extends TileBase {
   }
   
   public function getOnClickAction() {
-         return 'javascript:openFile(\''.$this->file_path.'\');';
+         return '';//'javascript:openFile(\''.$this->file_path.'\');';
   }
 
   private $file_path;

diff --git a/apps/gallery/templates/index.php b/apps/gallery/templates/index.php
index d3b281a2c382274a937c36976924ce0444bd302d..3dc722f066666eb89a72bb24932aad5e3a694c92 100644 (file)
--- a/apps/gallery/templates/index.php
+++ b/apps/gallery/templates/index.php
@@ -1,8 +1,4 @@
 <?php
-OCP\Util::addStyle('files', 'files');
-OCP\Util::addscript('files_imageviewer', 'jquery.mousewheel-3.0.4.pack');
-OCP\Util::addscript('files_imageviewer', 'jquery.fancybox-1.3.4.pack');
-OCP\Util::addStyle( 'files_imageviewer', 'jquery.fancybox-1.3.4' );
 
 $l = OC_L10N::get('gallery');
 ?>
@@ -15,7 +11,6 @@ div.gallery_div img.shrinker {width:80px !important;}
 div.title { opacity: 0; text-align: center; vertical-align: middle; font-family: Arial; font-size: 12px; border: 0; position: absolute; text-overflow: ellipsis; bottom: 20px; left:5px; height:auto; padding: 5px; width: 140px; background-color: black; color: white; -webkit-transition: opacity 0.5s;  z-index:1000; border-radius: 7px}
 div.visible { opacity: 0.8;}
 </style>
-<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>
 <script type="text/javascript">
 
 var root = "<?php echo !empty($_GET['root']) ? $_GET['root'] : '/'; ?>";
@@ -52,11 +47,11 @@ function openNewGal(album_name) {
        window.location = url;
 }
 
-function openFile(file_path) {
-       var url = window.location.toString().replace(window.location.search, '');
-       url = url + "?app=files&getfile=download.php?file="+file_path;
-       window.location = url;
-}
+$(document).ready(function() {
+               $("a[rel=images]").fancybox({
+                       'titlePosition': 'inside'
+               });
+});
 
 </script>