use fancybox to display image preview

This commit is contained in:
Bartek Przybylski 2012-06-05 18:32:42 +02:00
parent 7aff5eae6c
commit 63c02fd595
2 changed files with 7 additions and 12 deletions

View File

@ -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;

View File

@ -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>