Presenting Image Objects in a User Interface

Abstract

An embodiment includes 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.

What is claimed is: 
     
         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.