# US RE49,051 E1 · System and method for scaling up an image of an article displayed on a sales promotion web page

> Agents: this data is available as JSON from the patentgrep API and MCP server — see https://patentgrep.com/llms.txt

- Number: US RE49,051 E1
- Document ID: USRE49051E1
- Status: Granted
- Kind: E1
- Application number: 15/789,079
- Filed: 2017-10-20
- Granted: 2022-04-26
- Earliest claimed: 2008-09-29
- Assignees: Apple Inc.
- Applicants: Apple Inc.
- Inventors: Robert H. Baxley; Jeffrey Tyson
- Web page: https://patentgrep.com/patent/USRE49051E1

## CPC

- G06Q 30/02: Marketing; Price estimation or determination; Fundraising
- G06F 3/0482: Interaction with lists of selectable items, e.g. menus
- G06Q 30/0643: {graphically representing goods, e.g. 3D product representation}
- G06T 3/40: Scaling of whole images or parts thereof, e.g. expanding or contracting
- H04N 21/4728: for selecting a Region Of Interest [ROI], e.g. for requesting a higher resolution version of a selected region
- G06F 16/54: Browsing; Visualisation therefor
- G06F 16/957: Browsing optimisation, e.g. caching or content distillation
- H04N 21/4782: Web browsing {, e.g. WebTV}
- G06Q: INFORMATION AND COMMUNICATION TECHNOLOGY [ICT] SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES; SYSTEMS OR METHODS SPECIALLY ADAPTED FOR ADMINISTRATIVE, COMMERCIAL, FINANCIAL, MANAGERIAL OR SUPERVISORY PURPOSES, NOT OTHERWISE PROVIDED FOR
- G06F: ELECTRIC DIGITAL DATA PROCESSING (computer systems based on specific computational models G06N)
- G06T: IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- H04N: PICTORIAL COMMUNICATION, e.g. TELEVISION

## Abstract

Method and arrangement for scale-up of an image of an article displayed on a sales promotion web page is disclosed. The method includes displaying an image of an article on a sales promotion web page in a first scale. The method then includes, based on cursor-selection of the displayed image, enlarging the scale of the image to a second larger scale on the same web page.

## Claims

### Claim 1

A method comprising:
displaying a first image in a main display area and a second image in a thumbnail display area on a web page hosted on a web server, wherein the first image is displayed in a first scale and the second image is displayed in a second scale that is smaller than the first scale;
receiving a selection of the second image;
based on the selection, moving the second image to a first location associated with the first image and moving the first image to a second location corresponding to a previous location of the second image on the web page displaying the second image in the main display area by replacing the first image, wherein the second image is enlarged to the first scale as the second image is moved to the first location, the enlarging being performed in a continuous and animated manner, without refreshing the web page presented in the first scale, and the first image is presented in the second scale;
while the second image is located at the first location displayed in the main display area, detecting that an indicator is positioned at a first point over the second image, wherein movement of the indicator is controlled by a user;
in response to detecting that the indicator is positioned at the first point, enlarging a portion of the second image corresponding to the first point, wherein the portion of the second image that is enlarged is presented in a third scale that is larger than the first scale; and
after enlarging the portion of the second image, relocating web page elements to accommodate the enlarged portion of the second image, wherein relocating the web page elements comprises animating the web page elements to smoothly move from an original position and size to a new position and new size;
receiving a further selection of an image presented in the second scale from the thumbnail display area; and
presenting the selection of the image presented in the second scale in the same scale as the scale of a most recently enlarged image.

### Claim 2 (depends on 1)

The method of claim 1, wherein enlarging the portion of the second image is performed by smoothly expanding the portion of the second image to the third scale.

### Claim 3 (depends on 2)

The method of claim 2, wherein the portion of the second image that is enlarged to be presented in a third scale is presented at a first resolution level and a second portion of the second image that is not enlarged is presented at a second resolution level, the first resolution level being higher than the second resolution level that is higher than the resolution level of the second image that is presented at the first scale.

### Claim 4 (depends on 1)

The method of claim 1, further comprising:
displaying alternative thumbnail images on the web page in the thumbnail display area, wherein the second image comprises one of the alternative thumbnail images;
receiving a designation of a selected thumbnail image, the selected thumbnail image being the second image;
exchanging the selected thumbnail image with the first image by smoothly enlarging the selected thumbnail image, smoothly reducing the first image in size, and smoothly transitioning the first image to the thumbnail display area and the selected thumbnail image to each other's respective location to the main display area; and
presenting an animated movement of information associated with at least one of the selected thumbnail image and the first image.

### Claim 5 (depends on 1)

The method of claim 1, further comprising removing the web page elements to accommodate the second image.

### Claim 6 (depends on 1)

The method of claim 1, further comprising converting the web page elements to semi-transparent form and at least partially overlaying the web page elements in semi-transparent form on the first second image.

### Claim 7

A system comprising:
a computer processor; and
a memory containing instructions that, when executed, cause the computer processor to:
display a first image in a main display area and a second image in a thumbnail display area on a web page hosted on a web server, wherein the first image is displayed in a first scale and the second image is displayed in a second scale that is smaller than the first scale;
receive a selection of the second image;
based on the selection, move the second image to a first location associated with the first image and moving the first image to a second location corresponding to a previous location of the second image on the web page display the second image in the main display area by replacing the first image, wherein the second image is enlarged to the first scale as the second image is moved to the first location, the enlarging being performed in a continuous and animated manner presented in the first scale, and the first image is presented in the second scale, without refreshing the web page;
while the second image is located at the first location displayed in the main display area, detect that an indicator is positioned at a first point over the second image, wherein movement of the indicator is controlled by a user;
in response to detecting that the indicator is positioned at the first point, enlarge a portion of the second image corresponding to the first point, wherein the portion of the second image that is enlarged is presented in a third scale that is larger than the first scale, and
after enlarging the portion of the second image, relocate web page elements to accommodate the enlarged portion of the second image, wherein relocating the web page elements comprises animating the web page elements to smoothly move from an original position and size to a new position and new size;
after enlarging the portion of the second image, receiving a selection of the first image or a third image; and
in response to the selection of the first image or the third image, displaying the selected first image or third image in the third scale.

### Claim 8 (depends on 7)

The system of claim 7, wherein enlarging the portion of the second image is performed by smoothly expanding the portion of the second image to the third scale.

### Claim 9 (depends on 8)

The system of claim 8, wherein the portion of the second image that is enlarged to be presented in a third scale is presented at a first resolution level and a second portion of the second image that is not enlarged is presented at a second resolution level, the first resolution level being higher than the second resolution level that is higher than the resolution level of the second image that is presented at the first scale.

### Claim 10 (depends on 7)

The system of claim 7, wherein the instructions further cause the computer processor to:
display alternative thumbnail images on the web page in the thumbnail display area, wherein the second image comprises one of the alternative thumbnail images;
receiving a designation of a selected thumbnail image, the selected thumbnail image being the second image;
exchange the selected thumbnail image with the first image by smoothly enlarging the selected thumbnail image, smoothly reducing the first image in size, and smoothly transitioning the first image to the thumbnail display area and the selected thumbnail image to each other's respective location to the main display area; and
present an animated movement of information associated with at least one of the selected thumbnail image and the first image.

### Claim 11 (depends on 7)

The system of claim 7, wherein the instructions further cause the computer processor to:
remove the web page elements to accommodate the second image.

### Claim 12 (depends on 7)

The system of claim 7, wherein the instructions further cause the computer processor to:
convert the web page elements to semi-transparent form and at least partially overlaying the web page elements in semi-transparent form on the first second image.

### Claim 13

A non-transitory computer-readable medium storing instructions that, when executed by a computer processor, cause the computer processor to:
display a first image in a main display area and a second image in a thumbnail display area on a web page hosted on a web server, wherein the first image is displayed in a first scale and the second image is displayed in a second scale that is smaller than the first scale;
receive a selection of the second image;
based on the selection, move the second image to a first location associated with the first image and moving the first image to a second location corresponding to a previous location of the second image on the web page display the second image in the main display area by replacing the first image, wherein the second image is enlarged to the first scale as the second image is moved to the first location, the enlarging being performed in a continuous and animated manner, without refreshing the web page presented in the first scale, and the first image is presented in the second scale;
while the second image is located at the first location displayed in the main display area, detect that an indicator is positioned at a first point over the second image, wherein movement of the indicator is controlled by a user;
in response to detecting that the indicator is positioned at the first point, enlarge at least a portion of the second image corresponding to the first point, wherein the at least the portion of the second image that is enlarged is presented in a third scale that is larger than the first scale, and
after enlarging the at least the portion of the second image, relocate web page elements to accommodate the at least the portion of the second image, wherein relocating the web page elements comprises animating the web page elements to smoothly move from an original position and size to a new position and new size;
receiving a further selection of an image presented in the second scale from the thumbnail display area; and
presenting the selection of the image presented in the second scale in the same scale as the scale of a most recently enlarged image.

### Claim 14 (depends on 13)

The non-transitory computer-readable medium of claim 13, wherein the portion of the second image that is enlarged is presented at a higher resolution level than the portion of the second image prior to being enlarged.

### Claim 15 (depends on 13)

The non-transitory computer-readable medium of claim 13, wherein the instructions further cause the computer processor to:
display alternative thumbnail images on the web page in the thumbnail display area, wherein the second image comprises one of the alternative thumbnail images;
receiving a designation of a selected thumbnail image, the selected thumbnail image being the second image;
exchange the selected thumbnail image with the first image by smoothly enlarging the selected thumbnail image, smoothly reducing the first image in size, and smoothly transitioning the first image to the thumbnail display area and the selected thumbnail to the main display area; and
present an animated movement of information associated with at least one of the selected thumbnail image and the first image.

### Claim 16 (depends on 13)

The non-transitory computer-readable medium of claim 13, wherein the instructions further cause the computer processor to:
remove the web page elements to accommodate the second image.

### Claim 17 (depends on 13)

The non-transitory computer-readable medium of claim 13, wherein the instructions further cause the computer processor to:
convert the web page elements to semi-transparent form and at least partially overlaying the web page elements in semi-transparent form on the second image.

### Claim 18 (depends on 1)

The method of claim 1, comprising displaying the enlarged portion in an overlay at least partially overlaying the web page elements.

### Claim 19 (depends on 7)

The system of claim 7, wherein the instructions further cause the computer processor to: display the enlarged portion in an overlay at least partially overlaying the web page elements.

### Claim 20 (depends on 13)

The non-transitory computer-readable medium of claim 13, wherein the instructions further cause the computer processor to: display the enlarged portion in an overlay at least partially overlaying the web page elements.

### Claim 21 (depends on 1)

The method of claim 1, comprising:
displaying alternative thumbnail images for the same item on the web page in the thumbnail display area, wherein the second image comprises one of the alternative thumbnail images.

### Claim 22 (depends on 1)

The method of claim 1, wherein the relocating the web page elements to accommodate the enlarged portion of the second image, further includes relocating the web page elements to accommodate the thumbnail display area.