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)?
4
- 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– Alexey Kolchenko2013-10-09 05:53:58 +00:00Commented Oct 9, 2013 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– Emil Avramov2013-10-09 06:28:59 +00:00Commented Oct 9, 2013 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– Alexey Kolchenko2013-10-09 06:37:17 +00:00Commented Oct 9, 2013 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– Emil Avramov2013-10-09 07:26:56 +00:00Commented Oct 9, 2013 at 7:26
Add a comment |
1 Answer
You could try the following idea. Click on zoom control or preview picture opens bigger image. 
- 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– Emil Avramov2013-10-13 14:16:00 +00:00Commented Oct 13, 2013 at 14:16