Download & Extend

Shrink image preview, add thumbs to list of images and make log optional

Project:IMCE
Version:6.x-2.x-dev
Component:User interface
Category:feature request
Priority:normal
Assigned:Unassigned
Status:closed (fixed)

Issue Summary

  • The preview in the lower right corner should not be displayed in full size but rather as a big thumbnail (scaling it with html width tag would already be nice)
  • Not every image gets a thumbnail in the list. -> every (at least jpg) must get a little thumbnail
  • normal users don't care about the log stuff. It confuses them more. A checkbox in the settings to say show/not show

These were some issues reported from my users (not computer geeks) and I have to say I agree with them.

Comments

#1

I have a workaround for #3:

#log-wrapper {
display: none;
}

#log-prv-wrapper #log-resizer.x-resizer {
display: none;
}

#log-clearer {
display: none !important;
}

#2

Not every image gets a thumbnail in the list. -> every (at least jpg) must get a little thumbnail

I'd also like to see an inline thumbnail (preview image) for every file in the file browse list. Actually, I originally assumed this was the only purpose of IMCE's thumbnail creation features, but it's actually nothing to do with it.

This behavior seems to be by design, because in the preview screenshot on the IMCE project page you can see some files don't have an inline preview next to the filename (and the same in the demo on ufku's site).

Does anyone know why this happens and what the reason for it is? (Maybe because browser image scaling is bad for large images?)

Looking at the source that IMCE creates, it's obvious that some items get an img element before the name, but some do not

#3

Here's a solution that provides the missing inline thumbnails (ufku's comments in the source are very helpful!)

1. Copy imce-content.tpl.php from sites/all/modules/imce/tpl to your theme folder

2. And edit that copy. Change tMaxW and tMaxH on line 15

for example: imce.hooks.list.push(imce.thumbRow); $.extend(imce.vars, {tMaxW: 501, tMaxH: 601, prvW: 40, prvH: 40});//inline thumbs

You may have to repeat this when IMCE is updated, if the developer changes the original imce-content.tpl.php

And I guess this fix could slow things down a lot if you have lots of very big images in one folder, since the IMCE window needs to load every one of them when it opens (remember it's loading the full size file, even if it looks small in the thumbnail). Actually it occurs to me this is something to be really careful about: eg if you've carelessly FTP dumped 100 x 1MB files in a directory, then you could eat up 100MB of your monthly bandwidth quota just opening that folder in IMCE...

#4

Title:Some usability Issues» Usability: inline thumbs, hide log, shrink preview

more detailed title to help people find it

#5

Regarding the 3rd usability request about the log:
Adding the CSS-code as suggested in post #1 (e.g., at the end of the file imce\css\imce-content.css) is only partly a workaround, as the 'window/ frame' around the hidden log remains visible, occupying unnecessary space from the navigation 'window' and file 'window'.
A 'display log'-checkbox on each IMCE profile ('{domain}/admin/settings/imce/profile/edit/*') would be a better option IMO.

#6

Version:6.x-1.1» 6.x-2.x-dev
Status:active» fixed

Log messages are now located in help box.

#7

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

#8

Title:Usability: inline thumbs, hide log, shrink preview» Shrink image preview, add thumbs to list of images and make log optional
Status:closed (fixed)» active

None of the issues where resolved, yet.

#9

Category:bug report» feature request
Status:active» fixed

Use CSS to alter the preview:
#file-preview img {
max-width: ...
max-height: ...
}

Thumbs for big images:
Check imce-content.tpl.php where you can set an imagecache preset to create thumbnails for big images.

The log:
The log is not visible to users by default. The messages are stored in help box in case you miss one and want to read it later.

#10

Status:fixed» closed (fixed)

Automatically closed -- issue fixed for 2 weeks with no activity.

nobody click here