1
0
mirror of https://github.com/monstra-cms/monstra.git synced 2025-07-31 02:10:37 +02:00

Filesmanager: image preview updates

This commit is contained in:
Awilum
2013-01-02 19:47:13 +02:00
parent 97c72c002a
commit 08e9e8a6b3
3 changed files with 39 additions and 20 deletions

View File

@@ -92,28 +92,12 @@
</tbody>
</table>
<div class="modal hide" id="showImage">
<div id="showImage" class="modal hide fade">
<div class="modal-header">
<a class="close" data-dismiss="modal">×</a>
<h3><?php echo __('Image:', 'filesmanager')?> <span></span></h3>
</div>
<div class="modal-body">
<p><img src=""/></p>
<p align="center"><img /></p>
</div>
</div>
<script>
$('.image').find('a').on('click', function() {
var src = $(this).attr('href');
var file = $(src.split('/')).last();
var image = new Image();
image.src = src;
$(image).load(function() {
$('#showImage').modal('show').css({width: image.width + 32, margin: '0 auto', left: 'auto'})
.find('img').attr('src', src);
$('#showImage').find('h3 span').text(file[0]);
});
return false;
});
</script>
</div>