Dynamicly resize public shared images

apps/files_sharing/css/public.css

@@ -5,4 +5,6 @@ body { background:#ddd; }
 #preview { min-height:30em; margin:50px auto; padding-top:2em; border-bottom:1px solid #f8f8f8; background:#eee; text-align:center; }
 #noPreview { display:none; padding-top:5em; }
 p.info { width:22em; text-align: center; margin:2em auto; color:#777; text-shadow:#fff 0 1px 0; }
-p.info a { font-weight:bold; color:#777; }
+p.info a { font-weight:bold; color:#777; }
+#imgframe{ width:80%; height: 75%; margin: 0 auto; padding-bottom:2em; }
+#imgframe img{ max-height:100%; max-width: 100%; }

apps/files_sharing/templates/public.php

@@ -16,7 +16,9 @@
 		<?php echo $_['folder']; ?>
 	<?php else: ?>
 		<?php if (substr($_['mimetype'], 0 , strpos($_['mimetype'], '/')) == 'image'): ?>
-			<img src="<?php echo $_['downloadURL']; ?>" />
+			<div id="imgframe">
+				<img src="<?php echo $_['downloadURL']; ?>" />
+			</div>
 		<?php endif; ?>
 		<ul id="noPreview">
 			<li class="error">