I am working on an application for sharing a scanner. I have a webform for all the settings, a "Scan" button, and a "Preview" button. When the user press "Scan" nothing on the interface changes. A "Save As" window pops-up. But what should happen when the user press "Preview". I was thinking about a dialog window containing the scanned preview, but the images are usually too big (1248x1640 for example)?

  • What do you need the Preview for? Could you just throw this button away and provide some post-scan tools like crop, rotation, greyscale transform which are applied to scanned image? – Alexey Kolchenko Oct 9 '13 at 5:53
  • As I have a webform for the settings, the user needs to see what settings work for the current image. There should be a preview button, as I'm not providing any post-scan image manipulation because it's too much work and I'm trying to keep this project simpler. – Emil Avramov Oct 9 '13 at 6:28
  • Then you can just scale big image, as it's just a rough view. Browsers do images scaling rather good. – Alexey Kolchenko Oct 9 '13 at 6:37
  • But I want to stay in the application. Is it gonna be a good approach to load the image in an iframe, which is in a modal dialog window? – Emil Avramov Oct 9 '13 at 7:26

You could try the following idea. Click on zoom control or preview picture opens bigger image. enter image description here

| improve this answer | |
  • Thank you very much! Дякую! :) When "click" happens on "Preview" button, a dialog window opens with a slider (html5 range element) and the image above it. You can zoom and pan the image in it's container similar to the example you gave me. However I can't upvote your answer, because I don't have enough reputation. – Emil Avramov Oct 13 '13 at 14:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.