Animation for Image Elements in a Display Layout

Abstract

Particular embodiments provide a plurality of image elements arranged in a display layout. First user input selecting one of the image elements may be received, wherein the selected image element is at a particular position in the display layout. In response to the first user input, a first animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to a display of the computing device may be displayed. Second user input dismissing the selected image element may be received. In response to the second user input, a second animation sequence to shrink the selected image element may be displayed. Finally, the display layout may be provided for presentation, wherein the selected image element is shown within the display layout in the particular position.

What is claimed is: 
     
         1 . A method comprising:
 by a computing device, providing a plurality of image elements arranged in a display layout;   by the computing device, receiving first user input selecting one of the image elements, wherein the selected image element is at a particular position in the display layout;   by the computing device, in response to the first user input, displaying a first animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to a display of the computing device;   by the computing device, receiving second user input to dismiss the selected image element;   by the computing device, in response to the second user input, displaying a second animation sequence to shrink the selected image element; and   by the computing device, providing for presentation the display layout, wherein the selected image element is shown within the display layout in the particular position.   
     
     
         2 . The method of  claim 1 , wherein the first animation sequence shows adjacent image elements in the display layout moving aside to make room for the selected image element. 
     
     
         3 . The method of  claim 1 , further comprising:
 displaying a third animation sequence for an information panel associated with the selected image element, wherein the third animation sequence shows the information panel appear and swing down from a bottom edge of the selected image element, and wherein the third animation sequence is displayed concurrently with the first animation sequence.   
     
     
         4 . The method of  claim 1 , wherein the second animation sequence shows adjacent image elements in the display layout moving into space vacated by the selected image element. 
     
     
         5 . The method of  claim 1 , further comprising:
 displaying a fourth animation sequence that shows the information panel swing up and eventually disappear, and wherein the fourth animation sequence is displayed concurrently with the second animation sequence.   
     
     
         6 . The method of  claim 1 , wherein the selected image element comprises a first frame of a video, further comprising:
 at the end of the first animation sequence, automatically providing playback of the video in an area defined by the enlarged selected image element.   
     
     
         7 . The method of  claim 6 , further comprising:
 receiving third user input interrupting playback of the video during display of a second frame of the video; and   updating the selected image element to display the second frame.   
     
     
         8 . One or more computer-readable non-transitory storage media embodying software that is operable when executed by one or more processors to:
 provide a plurality of image elements arranged in a display layout;   receive first user input selecting one of the image elements, wherein the selected image element is at a particular position in the display layout;   in response to the first user input, display a first animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to a display of the computing device;   receive second user input to dismiss the selected image element;   in response to the second user input, display a second animation sequence to shrink the selected image element; and   provide for presentation the display layout, wherein the selected image element is shown within the display layout in the particular position.   
     
     
         9 . The media of  claim 8 , wherein the first animation sequence shows adjacent image elements in the display layout moving aside to make room for the selected image element. 
     
     
         10 . The media of  claim 8 , the software being further operable when executed by one or more processors to:
 display a third animation sequence for an information panel associated with the selected image element, wherein the third animation sequence shows the information panel appear and swing down from a bottom edge of the selected image element, and wherein the third animation sequence is displayed concurrently with the first animation sequence.   
     
     
         11 . The media of  claim 8 , wherein the second animation sequence shows adjacent image elements in the display layout moving into space vacated by the selected image element. 
     
     
         12 . The media of  claim 8 , the software being further operable when executed by one or more processors to:
 display a fourth animation sequence that shows the information panel swing up and eventually disappear, and wherein the fourth animation sequence is displayed concurrently with the second animation sequence.   
     
     
         13 . The media of  claim 8 , wherein the selected image element comprises a first frame of a video, the software being further operable when executed by one or more processors to:
 at the end of the first animation sequence, automatically provide playback of the video in an area defined by the enlarged selected image element.   
     
     
         14 . The media of  claim 13 , the software being further operable when executed by one or more processors to:
 receive third user input interrupting playback of the video during display of a second frame of the video; and   update the selected image element to display the second frame.   
     
     
         15 . A system comprising:
 one or more processors; and   a memory coupled to the processors comprising instructions executable by the processors, the processors being operable when executing the instructions to:
 provide a plurality of image elements arranged in a display layout; 
 receive first user input selecting one of the image elements, wherein the selected image element is at a particular position in the display layout; 
 in response to the first user input, display a first animation sequence to enlarge the selected image element until the selected image element reaches a pre-determined size with respect to a display of the computing device; 
 receive second user input to dismiss the selected image element; 
 in response to the second user input, display a second animation sequence to shrink the selected image element; and 
 provide for presentation the display layout, wherein the selected image element is shown within the display layout in the particular position. 
   
     
     
         16 . The system of  claim 15 , the processors being further operable when executing the instructions to:
 display a third animation sequence for an information panel associated with the selected image element, wherein the third animation sequence shows the information panel appear and swing down from a bottom edge of the selected image element, and wherein the third animation sequence is displayed concurrently with the first animation sequence.   
     
     
         17 . The system of  claim 15 , wherein the second animation sequence shows adjacent image elements in the display layout moving into space vacated by the selected image element. 
     
     
         18 . The system of  claim 15 , the processors being further operable when executing the instructions to:
 display a fourth animation sequence that shows the information panel swing up and eventually disappear, and wherein the fourth animation sequence is displayed concurrently with the second animation sequence.   
     
     
         19 . The system of  claim 15 , wherein the selected image element comprises a first frame of a video, the processors being further operable when executing the instructions to:
 at the end of the first animation sequence, automatically provide playback of the video in an area defined by the enlarged selected image element.   
     
     
         20 . The system of  claim 19 , the processors being further operable when executing the instructions to:
 receive third user input interrupting playback of the video during display of a second frame of the video; and   update the selected image element to display the second frame.