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

only load image viewer when in file browser

This commit is contained in:
Robin Appelman 2011-06-04 23:08:38 +02:00
parent 153d8fec30
commit 277e644558
1 changed files with 49 additions and 47 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -1,55 +1,57 @@
var lightBoxShown=false; if(typeof ileActions!=='undefined'){
$(document).ready(function() { var lightBoxShown=false;
images={};//image cache $(document).ready(function() {
var overlay=$('<div id="lightbox_overlay"/>'); images={};//image cache
$( 'body' ).append(overlay); var overlay=$('<div id="lightbox_overlay"/>');
var container=$('<div id="lightbox"/>'); $( 'body' ).append(overlay);
$( 'body' ).append(container); var container=$('<div id="lightbox"/>');
FileActions.register('image','View',function(filename){ $( 'body' ).append(container);
var location='ajax/download.php?files='+filename+'&dir='+$('#dir').val(); FileActions.register('image','View',function(filename){
overlay.show(); var location='ajax/download.php?files='+filename+'&dir='+$('#dir').val();
if(!images[location]){ overlay.show();
var img = new Image(); if(!images[location]){
img.onload = function(){ var img = new Image();
images[location]=img; img.onload = function(){
showLightbox(container,img); images[location]=img;
showLightbox(container,img);
}
img.src = location;
}else{
showLightbox(container,images[location]);
} }
img.src = location; });
}else{ $( 'body' ).click(hideLightbox);
showLightbox(container,images[location]); FileActions.setDefault('image','View');
}
}); });
$( 'body' ).click(hideLightbox);
FileActions.setDefault('image','View');
});
function showLightbox(container,img){ function showLightbox(container,img){
var maxWidth = $( window ).width() - 50; var maxWidth = $( window ).width() - 50;
var maxHeight = $( window ).height() - 50; var maxHeight = $( window ).height() - 50;
if( img.width > maxWidth || img.height > maxHeight ) { // One of these is larger than the window if( img.width > maxWidth || img.height > maxHeight ) { // One of these is larger than the window
var ratio = img.width / img.height; var ratio = img.width / img.height;
if( img.height >= maxHeight ) { if( img.height >= maxHeight ) {
img.height = maxHeight; img.height = maxHeight;
img.width = maxHeight * ratio; img.width = maxHeight * ratio;
} else { } else {
img.width = maxWidth; img.width = maxWidth;
img.height = maxWidth * ratio; img.height = maxWidth * ratio;
}
} }
container.empty();
container.append(img);
container.css('top',Math.round( ($( window ).height() - img.height)/2));
container.css('left',Math.round( ($( window ).width() - img.width)/2));
$('#lightbox').show();
setTimeout(function(){
lightBoxShown=true;
},100);
} }
container.empty();
container.append(img);
container.css('top',Math.round( ($( window ).height() - img.height)/2));
container.css('left',Math.round( ($( window ).width() - img.width)/2));
$('#lightbox').show();
setTimeout(function(){
lightBoxShown=true;
},100);
}
function hideLightbox(){ function hideLightbox(){
if(lightBoxShown){ if(lightBoxShown){
$('#lightbox_overlay').hide(); $('#lightbox_overlay').hide();
$('#lightbox').hide(); $('#lightbox').hide();
lightBoxShown=false; lightBoxShown=false;
}
} }
} }