Automatic display of resized images

Abstract

Systems and methods for automatic display of scaled and/or resized images that fit within pre-defined areas in a web browser are disclosed. The method may be implemented using an image scaling JavaScript component embedded within a HTML document. Upon resizing the a client document browser in which the document is displayed, the component is resized and requests, receives and redisplays a resized image within the resized component from a server. By having the server perform the resizing, the resized image not only fits within the resized component but also maintains the quality of the image without the need for special client-side software.

1 - 40 . (canceled) 
     
     
         41 . A method for automatic resizing of an image in a document for display across a network, comprising:
 serving, to a client computing device, the document, the document containing instructions for a client document browser for execution on the client computing device, to display the image within the client document browser, the document comprising an embedded image scaling component, the component being embedded in the document and being sized relative to a size of the client document browser and configured to determine the size of the image based on the size of the component and to request from a server an image scaled to fit within the determined size and to request from the browser a temporary, resized image temporarily displayed within the component, and to replace the temporary, resized image with the scaled image when received; and   receiving the request and, in response, serving to the client computing device the scaled image in response to the request for the scaled image from the client document browser.   
     
     
         42 . The method of  claim 41 , further comprising, prior to serving the image:
 (i) scaling a stored image to the size or a resolution specified in the request from the client document browser; or   (ii) retrieving a stored version of the image of the same or similar size or resolution specified in the request from the client document browser.   
     
     
         43 . The method of  claim 41 , wherein the component is a JavaScript component. 
     
     
         44 . The method of  claim 43 , wherein the JavaScript component is configured to trap JavaScript resize events fired by the client document browser. 
     
     
         45 . The method of  claim 41 , wherein the request for the scaled version of the image contains at least one parameter selected from a group consisting of a length, a width, and a resolution. 
     
     
         46 . The method of  claim 41 , wherein instructions to request the scaled version of the image upon resizing of the client document browser are contained in the component. 
     
     
         47 . The method of  claim 41 , wherein the document further contains instructions for the client document browser to, upon resizing of the client document browser, resize the image displayed in the component prior to the resizing of the client document browser and temporarily display the image resized by the client document browser within the component. 
     
     
         48 . A system for automatic resizing of an image in a document for display across a network, comprising:
 storage for storing the document that can be served to a client computing device, the document comprising an embedded image scaling component, and an image referenced by the document, the document containing instructions for a client document browser for execution on the client computing device, to display the image within the client document browser, the component being embedded in the document, and being sized relative to a size of the client document browser and configured to determine the size of the image based on the size of the component and to request from a server an image scaled to fit within the determined size and to request from the browser a temporary, resized image temporarily displayed within the component, and to replace the temporary, resized image with the scaled image when received; and   a server for serving the document to the client computing device and for receiving the request for the scaled image and serving to the client computing device the scaled image in response.   
     
     
         49 . The system of  claim 48 , wherein the server scales a stored image to the size or resolution specified in the request from the client document browser or retrieves a stored version of the image of the same or similar size or resolution specified in the request from the client document browser. 
     
     
         50 . The system of  claim 48 , wherein the component is a JavaScript component. 
     
     
         51 . The system of  claim 50 , wherein the JavaScript component is configured to trap JavaScript resize events fired by the client document browser. 
     
     
         52 . The system of  claim 48 , wherein the request for the scaled version of the image contains at least one parameter selected from a group consisting of a length, a width, and a resolution. 
     
     
         53 . The system of  claim 48 , wherein instructions to request the scaled version of the image are contained in the component. 
     
     
         54 . The system of  claim 48 , wherein the document further contains instructions for the client document browser to, upon resizing of the client document browser, resize the image displayed in the component prior to the resizing of the client document browser and temporarily display the image resized by the client document browser within the component. 
     
     
         55 . A computer readable storage medium having computer program logic recorded thereon for enabling a processor to automatically resize an image in a document for display across a network, comprising:
 a storage module configured to store a document that can be served to a client computing device, the document comprising an embedded image scaling component, and an image referenced by the document, the document containing instructions for a client document browser for execution on the client computing device, to display the image within the client document browser, the component being embedded in the document, and being sized relative to a size of the client document browser and configured to determine the size of the image based on the size of the component and to request from a server an image scaled to fit within the determined size and to request from the browser a temporary, resized image temporarily displayed within the component, and to replace the temporary, resized image with the scaled image when received; and   a server module configured to serve the document to the client computing device and to receive the request for the scaled image and serve to the client computing device a scaled image in response.   
     
     
         56 . The computer readable storage medium of  claim 55 , wherein the server module is further configured to scale a stored image to the size or resolution specified in the request from the client document browser or retrieve a stored version of the image of the same or similar size or resolution specified in the request from the client document browser. 
     
     
         57 . The computer readable storage medium of  claim 55 , wherein the component is a JavaScript component. 
     
     
         58 . The computer readable storage medium of  claim 57 , wherein the JavaScript component is configured to trap JavaScript resize events fired by the client document browser. 
     
     
         59 . The computer readable storage medium of  claim 55 , wherein the request for the scaled version of the image contains at least one parameter selected from a group consisting of a length, a width, and a resolution. 
     
     
         60 . The computer readable storage medium of  claim 55 , wherein instructions to request the scaled version of the image are contained in the component.