Photo browse and zoom

• US 20070182999A1
• Filed: 02/06/2006
• Published: 08/09/2007
• Est. Priority Date: 02/06/2006
• Status: Active Grant

• Current Assignee: Microsoft Technology Licensing LLC (Microsoft Corporation)
• Original Assignee: Microsoft Corporation
• Inventors: Anthony, Colin, Mann, Justin, Van Tilburg, Martijn
• Granted Patent: US 7,536,654 B2
• Time in Patent Office: Days
• US Class Current: 358/452
• CPC Class Codes: G06T 3/40 Scaling of whole images or parts thereof, e.g. expanding or contracting
• CPC Class Codes: H04N 1/00442 Simultaneous viewing of a plurality of images, e.g. using a mosaic display arrangement of thumbnails
• CPC Class Codes: H04N 1/00453 arranged in a two dimensional array
• CPC Class Codes: H04N 1/00458 Sequential viewing of a plurality of images, e.g. browsing or scrolling
• CPC Class Codes: H04N 1/00461 marking or otherwise tagging one or more displayed image, e.g. for selective reproduction
• CPC Class Codes: H04N 1/3935 with modification of image resolution, i.e. determining the values of picture elements at new relative positions
• CPC Class Codes: H04N 2201/325 Modified version of the image, e.g. part of the image, image reduced in size or resolution, thumbnail or screennail

Abstract

Groups of photo thumbnails are presented to the user, and where a user selects one of the thumbnails, a transition is provided replacing the group of thumbnails with the photo represented by the selected thumbnail. The photo may be displayed without cropping or stretching. In addition, a zoom/enlargement animation of the selected thumbnail is provided, and also possibly of the remaining thumbnails in the group, which then transitions into the represented photo. In addition, after or during the zooming animation, a cross-fading may occur such that the thumbnails fade out and the represented photo fades in. These types of transitions and user inputs both while the user is manually browsing thumbnails and when the user is viewing an automated slideshow of the thumbnails.

Claims

1. A computer-readable medium storing computer-executable instructions for performing steps, the steps comprising:

displaying simultaneously a plurality of thumbnails each associated with a different photo, wherein each of the thumbnails is a reduced version of a portion of the photo associated therewith;

receiving a first user selection of one of the thumbnails; and

responsive to receiving the first user selection, animating the plurality of thumbnails to increase in size, causing the plurality of thumbnails to fade out, and causing an entirety of the photo associated with the selected one of the thumbnails to fade in.

2. The computer-readable medium of claim 1, wherein the step of displaying includes displaying the plurality of thumbnails in a frame bounded by a visible periphery, and wherein the step of causing the entirety of the photo to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails so as to span across an entirety of the frame in at least one direction.

3. The computer-readable medium of claim 1, wherein the step of displaying includes displaying the plurality of thumbnails on a display, and wherein the step of causing the entirety of the photo to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails so as to span across an entirety of the display in at least one direction.

4. The computer-readable medium of claim 1, wherein the steps further include, while the plurality of thumbnails are animating to increase in size, further animating at least one of the plurality of thumbnails to animate so as to move while the plurality of thumbnails are animating to as to increase in size.

5. The computer-readable medium of claim 1, wherein the steps further include:

receiving a second user selection of the photo being displayed;

responsive to receiving the second user selection, causing the photo to fade out, causing the plurality of thumbnails to fade in, and animating the plurality of thumbnails to reduce in size back to a size at which the selected one of the thumbnails was displayed when the first user selection was received.

6. The computer-readable medium of claim 1, wherein the steps further include:

if a second user selection of the photo being displayed is received within a period of time after the photo has faded in, then in response to the second user selection, causing the photo to fade out, causing the plurality of thumbnails to fade in, and animating each of the plurality of thumbnails to reduce in size back to a size at which each of the plurality of thumbnails was displayed when the first user selection was received; and

if the second user selection is not received within the period of time, then in response to the period of time having passed, animating the photo to fade out, causing the plurality of thumbnails to fade in, and causing each of the plurality of thumbnails to reduce in size back to a size at which each of the plurality of thumbnails was displayed when the first user selection was received.

7. The computer-readable medium of claim 1, wherein the step of displaying simultaneously the plurality of thumbnails includes displaying simultaneously the plurality of thumbnails in a three-dimensional view.

8. The computer-readable medium of claim 1, wherein the step of causing the plurality of thumbnails to fade out includes causing the plurality of thumbnails to fade out while the plurality of thumbnails are animating to increase in size.

9. A computer-readable medium storing computer-executable instructions for performing steps, the steps comprising:

displaying simultaneously a first plurality of thumbnails as a first group and a second plurality of thumbnails as a second group separate from the first group, each of the thumbnails in the first and second pluralities of thumbnails associated with a different photo, wherein each of the thumbnails is a reduced version of a portion of the photo associated therewith;

receiving a first user selection of one of the thumbnails in the first group;

responsive to receiving the first user selection, animating the selected one of the thumbnails in the first group to increase in size, causing the selected one of the thumbnails in the first group to fade out, and causing an entirety of the photo associated with the selected one of the thumbnails in the first group to fade in;

receiving a second user selection of one of the thumbnails in the second group; and

responsive to receiving the second user selection, animating the selected one of the thumbnails in the second group to increase in size, causing the selected one of the thumbnails in the second group to fade out, and causing an entirety of the photo associated with the selected one of the thumbnails in the second group to fade in.

10. The computer-readable medium of claim 9, wherein:

the step of displaying includes displaying the first plurality of thumbnails in a first frame bounded by a first visible periphery and displaying the second plurality of thumbnails in a second frame bounded by a second visible periphery,

the step of causing the entirety of the photo associated with the selected one of the thumbnails in the first group to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails in the first group so as to span across an entirety of the first frame in at least one direction, and

the step of causing the entirety of the photo associated with the selected one of the thumbnails in the second group to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails in the second group so as to span across an entirety of the second frame in at least one direction.

11. The computer-readable medium of claim 9, wherein:

the step of displaying includes displaying the first and second plurality of thumbnails on a same display,

the step of causing the entirety of the photo associated with the selected one of the thumbnails in the first group to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails in the first group so as to span across an entirety of the display in at least one direction, and

the step of causing the entirety of the photo associated with the selected one of the thumbnails in the second group to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails in the second group so as to span across an entirety of the display in at least one direction.

12. The computer-readable medium of claim 9, wherein the step of displaying simultaneously the first and second pluralities of thumbnails includes displaying simultaneously both the first and second pluralities of thumbnails in a three-dimensional view.

13. The computer-readable medium of claim 9, wherein:

the step of causing the selected one of the thumbnails in the first group to fade out includes causing the selected one of the thumbnails in the first group to fade out while the selected one of the thumbnails in the first group is animating to increase in size, and

the step of causing the selected one of the thumbnails in the second group to fade out includes causing the selected one of the thumbnails in the second group to fade out while the selected one of the thumbnails in the second group is animating to increase in size.

14. A computer-readable medium storing computer-executable instructions for performing steps, the steps comprising:

displaying simultaneously a plurality of thumbnails each associated with a different photo, wherein each of the thumbnails is a depiction of a portion of the photo associated therewith;

selecting one of the thumbnails; and

animating the selected one of the thumbnails to zoom in, causing the selected one of the thumbnails to fade out, and causing an entirety of the photo associated with the selected one of the thumbnails to fade in.

15. The computer-readable medium of claim 14, wherein the step of displaying includes displaying the plurality of thumbnails in a frame bounded by a visible periphery, and wherein the step of causing the entirety of the photo to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails so as to span across an entirety of the frame in at least one direction.

16. The computer-readable medium of claim 14, wherein the step of displaying includes displaying the plurality of thumbnails on a display, and wherein the step of causing the entirety of the photo to fade in includes displaying the entirety of the photo associated with the selected one of the thumbnails so as to span across an entirety of the display in at least one direction.

17. The computer-readable medium of claim 14, wherein the steps further include, while the selected one of the thumbnails is animating to increase in size, further causing a remainder of the plurality of thumbnails to fade out.

18. The computer-readable medium of claim 14, wherein the steps further include:

receiving a user selection of the photo being displayed;

responsive to receiving the user selection, causing the photo to fade out, causing the selected one of the thumbnails to fade in, and animating the selected one of the thumbnails to reduce in size back to a size at which the selected one of the thumbnails was displayed when the first user selection was received.

19. The computer-readable medium of claim 14, wherein the steps further include:

if a user selection of the photo being displayed is received within a period of time after the photo has faded in, then in response to the user selection, causing the photo to fade out, causing the selected one of the thumbnails to fade in, and animating the selected one of the thumbnails to reduce in size; and

if the user selection is not received within the period of time, then in response to the period of time having passed, causing the photo to fade out, causing the selected one of the thumbnails to fade in, and animating the selected one of the thumbnails to reduce in size.

20. The computer-readable medium of claim 14, further including:

if the user selection of the photo being displayed is received within the period of time after the photo has faded in, then in response to the user selection, causing the selected one of the thumbnails to fade out while the selected one of the thumbnails is animating to increase in size; and

if the user selection is not received within the period of time, then in response to the period of time having passed, causing the selected one of the thumbnails to fade out while the selected one of the thumbnails is animating to increase in size.