IMAGE DISPLAY ENVIRONMENT

• US 20140149940A1
• Filed: 03/12/2013
• Published: 05/29/2014
• Est. Priority Date: 11/27/2012
• Status: Active Grant

• Current Assignee: Google LLC (Alphabet Inc.)
• Original Assignee: Google Inc. (Alphabet Inc.)
• Inventors: Li, Hongyi, Cardell, Lena Elizabeth, Steinlauf, Eric F.
• Granted Patent: US 9,268,469 B2
• Time in Patent Office: Days
• US Class Current: 715/838
• CPC Class Codes: G06F 3/04842 Selection of displayed objects or displayed text elements G06F3/0482 takes precedence
• CPC Class Codes: G06F 3/0485 Scrolling or panning

Abstract

Methods, systems, and apparatus for processing image content items. In one aspect, a method includes generating an image display environment for a first image content item on an image content item page resource between a first row and a second row of image content items. The user device expands a thumbnail of the image content item from first dimensions to second dimensions, and displays the expanded thumbnail in the image display environment. Concurrently with the thumbnail processing, the user device requests a first image resource referenced by the first image content item, and, upon receipt of the first image resource, generates an adjusted version of the first image resource that meets the second dimensions. The user device then displays the adjusted version of the first image resource in the image display environment in place of the expanded version of the first image content item.

Claims

1. A method performed by a data processing apparatus, the method comprising:

monitoring, by a data processing apparatus, for an expansion command for a first image content item, the first image content item being one of a plurality of image content items displayed in a plurality of rows and columns in an image content item page resource, each image content item referencing a corresponding image resource and including a representative image of the image resource;

in response to the expansion command of the first image content item that includes a first representative image of first dimensions;

generating, by the data processing apparatus, an image display environment on the image content item page resource between a first row and a second row of image content items, wherein the first image content item is included in one of the first and second rows, and the second row is immediately subsequent to the first row;

generating an expanded version of the first representative image from the first representative image, the expanded version being of second display dimensions that are greater than first display dimensions;

displaying the expanded version of the first representative image in the image display environment;

requesting a first image resource referenced by the first image content item, the first image resource being of third display dimensions that are different from the first and second display dimensions;

in response to receiving the first image resource, generating an adjusted version of the first image resource, the adjusted version of the first image resource being of the second dimensions; and

displaying the adjusted version of the first image resource in the image display environment in place of the expanded version of the first representative image.

2. The method of claim 1, wherein each image content item is an image search result that is determined to be responsive to a search query, and the image content item page resource is an image search results page resource.

3. The method of claim 2, wherein generating the image display environment on the image content item page resource between a first row and a second row of image content items comprises:

adjusting the rows of image search results so that at least a first portion of each image search result in the first row is displayed at a top of a viewport and at least a second portion of each image search result in the second row is displayed at a bottom of the viewport; and

wherein the image display environment is displayed between the first row of image search results and the second row of image search results.

4. The method of claim 3, wherein adjusting the rows of image search results comprises:

determining a viewport height, the viewport height being a measure of display units from the top of the viewport to the bottom of the viewport;

determining whether the viewport height is less than a sum of a minimum gap height and a target image display environment height;

if the viewport height is less than the sum of the minimum gap height and the target image display environment height, then setting an image display environment height of the image display environment proportional to a difference of viewport height and the minimum gap height;

if the viewport height is not less than the sum of the minimum gap height and the target image display environment height, then setting the image display environment height of the image display environment proportional to a difference of the target image display environment height and fraction multiple of a difference of the viewport height and a sum of the minimum gap height and the target image display environment height; and

wherein adjusting the rows of image search results comprises separating the first row and the second row by a vertical distance that is at least equal to the image display environment height.

5. The method of claim 4, wherein adjusting the rows of image search results further comprises:

determining a gap total that is proportional to the difference of the viewport height and the image display environment height; and

determining a bottom gap height that is PR optional to a sum of a minimum bottom gap height and fraction multiple of a difference of the gap total and a sum of the minimum bottom gap height and a minimum top gap height.

6. The method of claim 5, wherein a sum of the minimum bottom gap height and the minimum top gap height is equal to the minimum gap height.

7. The method of claim 2, further comprising displaying image resource metadata in image display environment, the image resource metadata describing one or more features of the first image resource.

8. The method of claim 2, further comprising displaying image suggestions in the image display environment, each image suggestion including a representation of another image resource that is suggested based on the first image resource.

9. The method of claim 1, wherein the image content item page resource is provided by server that belongs to a first domain, and the request for the first image resource is sent to a server that belongs to a second domain that is different from the first domain.

10. A method performed by a data processing apparatus, the method comprising:

requesting, by a data processing apparatus, an image content item page resource that includes a plurality of image content items to be displayed in a plurality of rows and columns, each image content item referencing a corresponding image resource and including a representative image of the image resource, and wherein the request specifies that a first image content item from among the plurality of image content items has been selected by an expansion command;

generating, by the data processing apparatus, an image display environment in the image content item resource, the image display environment being of at least one dimensions equal to a viewport dimension of a viewport in which the image content items are to be displayed;

requesting a first image resource referenced by the first image content item;

in response to receiving the first image resource, displaying the first image resource in the image display environment;

requesting image content items for at least a first row of image content items and a second row of image content items; and

in response to receiving the image content items for at least the first row of image content items and the second row of image content items;

adjusting the dimensions of the image display environment so that at least a first portion of each image content item in the first row is displayed at a top of a viewport and at least a second portion of each image content item in the second row is displayed at a bottom of the viewport.

11. The method of claim 10, wherein each image content item is an image search result that is determined to be responsive to a search query, and the image content item page resource is an image search results page resource.

12. The method of claim 11, wherein the image search results page resource is provided by a search engine that belongs to a first domain, and the request for the first image resource is sent to a server that belongs to a second domain that is different from the first domain.

13. The method of claim 10, wherein adjusting the dimensions of the image display environment comprises:

determining a viewport height, the viewport height being a measure of display units from the top of the viewport to the bottom of the viewport;

determining whether the viewport height is less than a sum of a minimum gap height and a target image display environment height;

if the viewport height is less than the sum of the minimum gap height and the target image display environment height, then setting an image display environment height of the image display environment proportional to a difference of viewport height and the minimum gap height;

if the viewport height is not less than the sum of the minimum gap height and the target image display environment height, then setting the image display environment height of the image display environment proportional to a difference of the target image display environment height and fraction multiple of a difference of the viewport height and a sum of the minimum gap height and the target image display environment height; and

wherein the dimensions of the image display environment are adjusted to the image display environment height such that the first row and the second row are separated by a vertical distance that is at least equal to the image display environment height.

14. A system, comprising:

a data processing apparatus; and

a computer readable storage device storing instructions executable by the data processing apparatus and that upon such execution cause the data processing apparatus to perform operations comprising;

monitoring for an expansion command for a first image content item, the first image content item being one of a plurality of image content items displayed in a plurality of rows and columns in an image content item page resource, each image content item referencing a corresponding image resource and including a representative image of the image resource;

in response to the expansion command of the first image content item that includes a first representative image of first dimensions;

generating an image display environment on the image content item page resource between a first row and a second row of image content items, wherein the first image content item is included in one of the first and second rows, and the second row is immediately subsequent to the first row;

generating an expanded version of the first representative image from the first representative image, the expanded version being of second display dimensions that are greater than first display dimensions;

displaying the expanded version of the first representative image in the image display environment;

requesting a first image resource referenced by the first image content item, the first image resource being of third display dimensions that are different from the first and second display dimensions;

in response to receiving the first image resource, generating an adjusted version of the first image resource, the adjusted version of the first image resource being of the second dimensions; and

displaying the adjusted version of the first image resource in the image display environment in place of the expanded version of the first representative image.

15. The system of claim 14, wherein each image content item is an image search result that is determined to be responsive to a search query, and the image content item page resource is an image search results page resource.

16. The system claim 15, wherein generating the image display environment on the image content item page resource between a first row and a second row of image content items comprises:

adjusting the rows of image search results so that at least a first portion of each image search result in the first row is displayed at a top of a viewport and at least a second portion of each image search result in the second row is displayed at a bottom of the viewport; and

wherein the image display environment is displayed between the first row of image search results and the second row of image search results.

17. The system of claim 15, further comprising displaying image resource metadata in image display environment, the image resource metadata describing one or more features of the first image resource.

18. The system of claim 14, wherein the image content item page resource is provided by server that belongs to a first domain, and the request for the first image resource is sent to a server that belongs to a second domain that is different from the first domain.

19. A system, comprising:

a data processing apparatus; and

a computer readable storage device storing instructions executable by the data processing apparatus and that upon such execution cause the data processing apparatus to perform operations comprising;

requesting an image content item page resource that includes a plurality of image content items to be displayed in a plurality of rows and columns, each image content item referencing a corresponding image resource and including a representative image of the image resource, and wherein the request specifies that a first image content item from among the plurality of image content items has been selected by an expansion command;

generating an image display environment in the image content item resource, the image display environment being of at least one dimensions equal to a viewport dimension of a viewport in which the image content items are to be displayed;

requesting a first image resource referenced by the first image content item;

in response to receiving the first image resource, displaying the first image resource in the image display environment;

requesting image content items for at least a first row of image content items and a second row of image content items; and

in response to receiving the image content items for at least the first row of image content items and the second row of image content items;

adjusting the dimensions of the image display environment so that at least a first portion of each image content item in the first row is displayed at a top of a viewport and at least a second portion of each image content item in the second row is displayed at a bottom of the viewport.

20. The system of claim 19, wherein each image content item is an image search result that is determined to be responsive to a search query, and the image content item page resource is an image search results page resource.

21. The system of claim 20, wherein the image search results page resource is provided by a search engine that belongs to a first domain, and the request for the first image resource is sent to a server that belongs to a second domain that is different from the first domain.

22. A computer readable storage device storing instructions executable by a data processing apparatus and that upon such execution cause the data processing apparatus to perform operations comprising:

monitoring for an expansion command for a first image content item, the first image content item being one of a plurality of image content items displayed in a plurality of rows and columns in an image content item page resource, each image content item referencing a corresponding image resource and including a representative image of the image resource;

in response to the expansion command of the first image content item that includes a first representative image of first dimensions;

generating an image display environment on the image content item page resource between a first row and a second row of image content items, wherein the first image content item is included in one of the first and second rows, and the second row is immediately subsequent to the first row;

generating an expanded version of the first representative image from the first representative image, the expanded version being of second display dimensions that are greater than first display dimensions;

displaying the expanded version of the first representative image in the image display environment;

requesting a first image resource referenced by the first image content item, the first image resource being of third display dimensions that are different from the first and second display dimensions;

in response to receiving the first image resource, generating an adjusted version of the first image resource, the adjusted version of the first image resource being of the second dimensions; and

displaying the adjusted version of the first image resource in the image display environment in place of the expanded version of the first representative image.

23. A computer readable storage device storing instructions executable by a data processing apparatus and that upon such execution cause the data processing apparatus to perform operations comprising:

requesting an image content item page resource that includes a plurality of image content items to be displayed in a plurality of rows and columns, each image content item referencing a corresponding image resource and including a representative image of the image resource, and wherein the request specifies that a first image content item from among the plurality of image content items has been selected by an expansion command;

generating an image display environment in the image content item resource, the image display environment being of at least one dimensions equal to a viewport dimension of a viewport in which the image content items are to be displayed;

requesting a first image resource referenced by the first image content item;

in response to receiving the first image resource, displaying the first image resource in the image display environment;

requesting image content items for at least a first row of image content items and a second row of image content items; and

in response to receiving the image content items for at least the first row of image content items and the second row of image content items;

adjusting the dimensions of the image display environment so that at least a first portion of each image content item in the first row is displayed at a top of a viewport and at least a second portion of each image content item in the second row is displayed at a bottom of the viewport.