Presenting Image Objects in a User Interface

1 . A method, performed by one or more first electronic devices, comprising:

presenting an image in a user interface in a first presentation mode of a plurality of presentation modes, comprising displaying a cropped version of the image when a display area for the image in the first presentation mode is smaller than the image; and

in response to a user interaction with the image in the first presentation mode, transitioning the image to a second presentation mode, comprising an animation of zooming out the image from the cropped version of the image to a full version of the image.

2 . The method of claim 1 , wherein transitioning the image from the first presentation mode to the second presentation mode further comprises

playing an audio commentary associated with the image while zooming out the image.

3 . The method of claim 1 , wherein the plurality of presentation modes comprises an index mode, an on-page mode, and a full-screen mode.

4 . The method of claim 3 , wherein the first presentation mode is the on-page mode, and the second presentation mode is the full-screen mode.

5 . The method of claim 3 , further comprising:

while presenting the image in the index mode, in response to a user single tapping or pinching open the image, transitioning the image from the index mode to the on-page mode;

while presenting the image in the on-page mode, in response to the user single tapping or pinching open the image, transitioning the image from the on-page mode to the full-screen mode;

while presenting the image in the full-screen mode, in response to the user double tapping or pinching close the image, transitioning the image from the full-screen mode to the on-page mode; and

while presenting the image in the on-page mode, in response to the user double tapping or pinching close the image, transitioning the image from the on-page mode to the index mode.

6 . The method of claim 3 , further comprising

while presenting the image in the on-page mode, visually indicating that the image is user interactive by floating the image on top of a user-interface component including the image.

7 . The method of claim 3 , further comprising

while presenting the image in the full-screen mode,

associating a geo-tag with the image; and

in response to a user interaction with the geo-tag associated with the image, presenting a map indicating a geographical location associated with the image.

8 . One or more computer-readable non-transitory storage media embodying software that is operable when executed to:

present an image in a user interface in a first presentation mode of a plurality of presentation modes, comprising display a cropped version of the image when a display area for the image in the first presentation mode is smaller than the image; and

in response to a user interaction with the image in the first presentation mode, transition the image to a second presentation mode, comprising an animation of zooming out the image from the cropped version of the image to a full version of the image.

9 . The media of claim 8 , wherein transition the image from the first presentation mode to the second presentation mode further comprises

play an audio commentary associated with the image while zooming out the image.

10 . The media of claim 8 , wherein the plurality of presentation modes comprises an index mode, an on-page mode, and a full-screen mode.

11 . The media of claim 10 , wherein the first presentation mode is the on-page mode, and the second presentation mode is the full-screen mode.

12 . The media of claim 10 , wherein the software is further operable to:

while presenting the image in the index mode, in response to a user single tapping or pinching open the image, transition the image from the index mode to the on-page mode;

while presenting the image in the on-page mode, in response to the user single tapping or pinching open the image, transition the image from the on-page mode to the full-screen mode;

while presenting the image in the full-screen mode, in response to the user double tapping or pinching close the image, transition the image from the full-screen mode to the on-page mode; and

while presenting the image in the on-page mode, in response to the user double tapping or pinching close the image, transition the image from the on-page mode to the index mode.

13 . The media of claim 10 , wherein the software is further operable to while presenting the image in the on-page mode, visually indicate that the image is user interactive by floating the image on top of a user-interface component including the image.

14 . The media of claim 10 , wherein the software is further operable to

while presenting the image in the full-screen mode,

associate a geo-tag with the image; and

in response to a user interaction with the geo-tag associated with the image, present a map indicating a geographical location associated with the image.

15 . A system comprising:

a memory comprising instructions executable by one or more processors; and

the one or more processors coupled to the memory and operable to execute the instructions, the one or more processors being operable when executing the instructions to:

present an image in a user interface in a first presentation mode of a plurality of presentation modes, comprising display a cropped version of the image when a display area for the image in the first presentation mode is smaller than the image; and

in response to a user interaction with the image in the first presentation mode, transition the image to a second presentation mode, comprising an animation of zooming out the image from the cropped version of the image to a full version of the image.

16 . The system of claim 15 , wherein transition the image from the first presentation mode to the second presentation mode further comprises

play an audio commentary associated with the image while zooming out the image.

17 . The system of claim 15 , wherein the plurality of presentation modes comprises an index mode, an on-page mode, and a full-screen mode.

18 . The system of claim 17 , wherein the first presentation mode is the on-page mode, and the second presentation mode is the full-screen mode.

19 . The system of claim 17 , wherein the processors are further operable when executing the instructions to:

while presenting the image in the index mode, in response to a user single tapping or pinching open the image, transition the image from the index mode to the on-page mode;

while presenting the image in the on-page mode, in response to the user single tapping or pinching open the image, transition the image from the on-page mode to the full-screen mode;

while presenting the image in the full-screen mode, in response to the user double tapping or pinching close the image, transition the image from the full-screen mode to the on-page mode; and

while presenting the image in the on-page mode, in response to the user double tapping or pinching close the image, transition the image from the on-page mode to the index mode.

20 . The system of claim 17 , wherein the processors are further operable when executing the instructions to:

while presenting the image in the on-page mode, visually indicate that the image is user interactive by floating the image on top of a user-interface component including the image; and

while presenting the image in the full-screen mode,

associate a geo-tag with the image; and

in response to a user interaction with the geo-tag associated with the image, present a map indicating a geographical location associated with the image.