mbk-lab
/
nextcloud
2
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix imageviewer again

This commit is contained in:
Robin Appelman 2011-06-04 22:41:17 +02:00
parent 40a96aab28
commit b0476bf174
2 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
apps/files_imageviewer/css/lightbox.css
View File

@ -1,5 +1,6 @@
#lightbox_overlay{ #lightbox_overlay{
position:fixed; position:fixed;
display:none;
height:100%; height:100%;
width:100%; width:100%;
top:0px; top:0px;
@ -12,6 +13,7 @@
#lightbox{ #lightbox{
position:fixed; position:fixed;
display:none;
max-height:90%; max-height:90%;
max-width:90%; max-width:90%;
top:10px; top:10px;

13
apps/files_imageviewer/js/lightbox.js
View File

@ -1,12 +1,13 @@
var lightBoxShown=false; var lightBoxShown=false;
$(document).ready(function() { $(document).ready(function() {
images={};//image cache images={};//image cache
FileActions.register('image','View',function(filename){
var location='ajax/download.php?files='+filename+'&dir='+$('#dir').val();
var overlay=$('<div id="lightbox_overlay"/>'); var overlay=$('<div id="lightbox_overlay"/>');
$( 'body' ).append(overlay); $( 'body' ).append(overlay);
var container=$('<div id="lightbox"/>'); var container=$('<div id="lightbox"/>');
$( 'body' ).append(container); $( 'body' ).append(container);
FileActions.register('image','View',function(filename){
var location='ajax/download.php?files='+filename+'&dir='+$('#dir').val();
overlay.show();
if(!images[location]){ if(!images[location]){
var img = new Image(); var img = new Image();
img.onload = function(){ img.onload = function(){
@ -39,12 +40,16 @@ function showLightbox(container,img){
container.append(img); container.append(img);
container.css('top',Math.round( ($( window ).height() - img.height)/2)); container.css('top',Math.round( ($( window ).height() - img.height)/2));
container.css('left',Math.round( ($( window ).width() - img.width)/2)); container.css('left',Math.round( ($( window ).width() - img.width)/2));
$('#lightbox').show();
setTimeout(function(){
lightBoxShown=true; lightBoxShown=true;
},100);
} }
function hideLightbox(){ function hideLightbox(){
if(lightBoxShown){ if(lightBoxShown){
$('#lightbox_overlay').remove(); $('#lightbox_overlay').hide();
$('#lightbox').remove(); $('#lightbox').hide();
lightBoxShown=false;
} }
} }