Page MenuHomePhabricator

Basic Zoom for Media Viewer
Open, LowestPublic

Description

Migrated from: https://wikimedia.mingle.thoughtworks.com/projects/multimedia/cards/504

Narrative

As a user, I want to be able to zoom on large image files in Media Viewer, so I can better see the details.

Note: This is a proposal for the basic version of this feature. For a simpler linkversion that could be implemented sooner, check out T77151.

Acceptance Criteria

  • When the original image is bigger than the currently image displayed, show a zoom control below the full-screen one.
  • When the user clicks on the zoom control, the image shows the image at the original size with scrollbars for moving around (I made an experiment turning the <img> element into an <iframe>, but there may be other technical solutions). As a result, the zoom icon will turn into a zoom-out icon that will reverse the previous change.
  • Alternatively, if the above is considered too complex, the control can just be a link to the full-size image, as proposed in the simpler linkversion on this card #588 . In that case, the user has to use the browser back button to return to the Media Viewer.
  • An additional detail to avoid double scrollbars (those due to the zooming and those due to the use of scroll to open the metadata panel), we can hide the metadata panel when entering the zoom mode.
  • If the original image is so large that it might crash the user's browser (e.g. > 20 Mb?), show the next largest thumbnail size instead.
  • If the original image is much smaller than the user's viewport, enlarge it to fill their lightbox (but no larger than 3x? original size)

Note: A number of users have requested this feature in pilot surveys and discussions. It seems that what they really want is theZoom feature ( #167 ), but that is too large of a project for us to take on right now. We're looking for a more basic zoom feature for now, until we have time for a full feature..

Design notes

media-viewer-poormans-zoom_basic-zoom.png (321×862 px, 431 KB)

Related Bugs

Related Stories

#8

#167 Zoom feature

Related Changesets

Event Timeline

MingleTerminator raised the priority of this task from to Medium.Dec 8 2014, 5:34 PM
In mingle on 2014-04-26 at 17:51:11, @Fabrice_Florin wrote:

Hey Pau,

This is a great start, thank you!

I look forward to discussing this with the team next week, and would recommend that we consider taking on a simple version of this feature in the next cycle, if it can be implemented without requiring too much development.We are getting more and more requests for this feature, as people cannot see details on certain images, which makes the Media Viewer inferior to a regular browser.

At the very least, we should have your icon send folks to the larger image in the browser window, where they can use the built-in zoom features. But my hope is that we can add simple scrollbars, so the browsing of the original file can take place inside Media Viewer (if that’s feasible in our time-frame, we may need another mockup showing the scrollbars). We should also discuss the idea of not loading the original image if it is so large that it crashes your browser, but use the next largest thumbnail size instead.

For now, I will add this card to the next cycle for Monday’s planning meeting. And for clarity, I have renamed it ‘Basic Zoom’ (instead of ‘View images in different sizes’, which is no longer appropriate for this ticket).

Thanks again!

In mingle on 2014-04-28 at 16:49:35, @Pginer-WMF wrote:

I didn't represented the scrollbars, but both solutions proposed will show them when needed (e.g., Mac hides them until the user scrolls).

Mass-removing the Multimedia tag from MediaViewer tasks, as this is now being worked on by the Reading department, not Editing's Multimedia team.

Jdlrobson lowered the priority of this task from Medium to Lowest.Dec 17 2015, 9:06 PM
Jdlrobson added a subscriber: Jdlrobson.