Back to results
US RE49,051 E1Granted
System and method for scaling up an image of an article displayed on a sales promotion web page
AssigneeApple Inc.
InventorsRobert H. Baxley, Jeffrey Tyson
Life of this patent
Estimating the term…
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.
Claims22
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.
7 more elements
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.
9 more elements
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.
6 more elements
Dependencies are inferred from the claim text.