Devices, methods, and graphical user interfaces for navigating, displaying, and editing media items with multiple display modes

An electronic device, comprising:

• a display;
• a touch-sensitive surface;
• one or more processors;
• memory;
• and
• one or more programs, wherein the one or more programs are stored in the memory and configured to be executed by the one or more processors, the one or more programs including instructions for:
• displaying in a first display mode, in a first user interface on the display, a representation of a media item that corresponds to a sequence of images, the media item including a representative image from the sequence of images;
• while displaying the representation of the media item that corresponds to the sequence of images in the first display mode, detecting a first input;
• in response to detecting the first input, displaying an editing user interface for the media item in the first display mode on the display, wherein the editing user interface concurrently displays:
• a first area that is configured to sequentially display images in the sequence of images at a first magnification;
• and
• a second area, distinct from the first area, that includes:
• reduced scale representations of images in the sequence of images at a second magnification that is less than the first magnification, displayed in a slider in the second area, and
• a user-adjustable representative-image-selection affordance that is configured to select a new representative image in the sequence of images via a current position of the user-adjustable representative-image-selection affordance relative to the slider, wherein the new representative image is displayed as representative of the media item in a user interface of a photo application that includes representative images of a plurality of media items;
• while displaying the editing user interface, detecting a second input directed to the user-adjustable representative-image-selection affordance;
• and,
• while detecting the second input directed to the user-adjustable representative-image-selection affordance:
• moving the user-adjustable representative-image-selection affordance relative to the slider in accordance with the second input;
• and
• displaying, in the first area, a respective image from the sequence of images that corresponds to a current position of the user-adjustable representative-image-selection affordance relative to the slider;
• and
• after detecting the second input and while displaying, in the first area, the respective image, setting the respective image as a new representative image for the media item.

A non-transitory computer readable storage medium storing one or more programs, the one or more programs comprising instructions, which when executed by an electronic device with a display and a touch-sensitive surface, cause the device to:

• display in a first display mode, in a first user interface on the display, a representation of a media item that corresponds to a sequence of images, the media item including a representative image from the sequence of images;
• while displaying the representation of the media item that corresponds to the sequence of images in the first display mode, detect a first input;
• in response to detecting the first input, display an editing user interface for the media item in the first display mode on the display, wherein the editing user interface concurrently displays:
• a first area that is configured to sequentially display images in the sequence of images at a first magnification;
• and
• a second area, distinct from the first area, that includes
• reduced scale representations of images in the sequence of images at a second magnification that is less than the first magnification, displayed in a slider in the second area, and
• a user-adjustable representative-image-selection affordance that is configured to select a new representative image in the sequence of images via a current position of the user-adjustable representative-image-selection affordance relative to the slider, wherein the new representative image is displayed as representative of the media item in a user interface of a photo application that includes representative images of a plurality of media items;
• while displaying the editing user interface, detect a second input directed to the user-adjustable representative-image-selection affordance;
• and,
• while detecting the second input directed to the user-adjustable representative-image-selection affordance:
• move the user-adjustable representative-image-selection affordance relative to the slider in accordance with the second input;
• and
• displaying, in the first area, a respective image from the sequence of images that corresponds to a current position of the user-adjustable representative-image-selection affordance relative to the slider;
• and
• after detecting the second input and while displaying, in the first area, the respective image, setting the respective image as a new representative image for the media item.