Method and system for presenting photos on a website
Method and system for presenting photos on a website are disclosed. The method includes selecting one or more thumbnail images in a browser window on a website in response to a select command from a user, dragging the one or more thumbnail images to a drop target in response to a drag command from the user, displaying the one or more thumbnail images in transit to the drop target as collapsible thumbnail images, and dropping the collapsible thumbnail images to the drop target in response to a drop command from the user.
1. A method comprising:
receiving, from a user, a select command for identifying at least one thumbnail image in a browser window on a website;
receiving, from the user, a drag command for dragging the at least one thumbnail image to a drop target;
automatically causing, via a computing device, the at least one thumbnail image to be displayed as at least one reduced size thumbnail image during said dragging and while in transit to the drop target based on the drag command, said reduced size thumbnail image is displayed in a reduced display size from the at least one thumbnail image's display size prior to receiving the drag command, wherein the drop target, based on the drag command, is automatically brought into view, and is based at least in part on the at least one thumbnail image; and
dropping, via the computing device, the at least one reduced size thumbnail image to the drop target in response to a drop command from the user.
2. The method of claim 1 further comprising:
causing a display of the at least one reduced size thumbnail image as a scaled down thumbnail image in the drop target; and
causing a display of the at least one thumbnail image in the browser window as a grayed-out thumbnail image.
3. The method of claim 1 further comprising:
causing a display of a corresponding count of the at least one reduced size thumbnail image indicating the number of photos in transit; and
dropping the at least one reduced size thumbnail image and the corresponding count to the drop target in response to a second drop command from the user.
4. The method of claim 1 further comprising:
determining a number of thumbnail images for display in a user viewable window automatically in response to a change in size of the user viewable window; and
causing a display of the number of thumbnail images in the user viewable window.
5. The method of claim 4 , wherein the determining comprises:
partitioning the user viewable window into rows and columns according to dimensions of the user viewable window and dimensions of each thumbnail image; and
computing the number of thumbnail images for filling the rows and columns of the user viewable window.
6. The method of claim 4 , wherein the causing the display of the number of thumbnail images comprises:
retrieving URLs of the corresponding thumbnail images; and
loading the corresponding thumbnail images for display in the user viewable window.
7. The method of claim 1 further comprising:
highlighting a valid drop target in response to a determination that the valid drop target is permitted to receive the at least one reduced size thumbnail image; and
dropping the at least one reduced size thumbnail image to the valid drop target in response to a third drop command from the user.
8. The method of claim 7 further comprising:
causing a display of no visual modification to an invalid drop target in response to a determination that the invalid drop target is not permitted to receive the at least one reduced size thumbnail image;
dropping the at least one reduced size thumbnail image to the invalid drop target in response to a fourth drop command from the user; and
returning the at least one reduced size thumbnail image to its original location in the browser window.
9. The method of claim 1 further comprising:
pointing a cursor over a thumbnail image in the photo tray in response to a point command from the user; and
causing a display of the thumbnail image as a scaled up thumbnail image.
10. The method of claim 1 further comprising a step from the group consisting of:
receiving a selection of a photo in response to the user dragging a cursor over an area covering the photo;
receiving a selection of a photo in response to the user clicking the photo directly; and
receiving a selection of all photos in the browser screen in response to the user depressing Control and A keys together.
11. The method of claim 1 , wherein receiving, from a user, a select command for identifying at least one thumbnail image comprises drawing a selection rectangle around a region that includes the at least one thumbnail-image.
12. A system comprising:
one or more servers for interfacing between client devices through a communication network, the one or more servers including at least one computer-readable memory comprising computer-executable instructions, the computer-executable instructions for:
receiving, from a user, a select command for identifying at least one thumbnail image in a browser window on a website;
receiving, from the user, a drag command for dragging the at least one-thumbnail image to a drop target;
automatically causing the at least one thumbnail image to be displayed as at least one reduced size thumbnail image during said dragging and while in transit to the drop target based on the drag command, said reduced size thumbnail image is displayed in a reduced display size from the at least one thumbnail image's display size prior to receiving the drag command, wherein the drop target, based on the drag command, is automatically brought into view, and is based at least in part on the at least one thumbnail image; and
dropping the at least one reduced size thumbnail image to the drop target in response to a drop command from the user; and
a processor for executing the computer-executable instructions.
13. The system of claim 12 , wherein the at least one computer-readable memory further comprises computer-executable instructions for:
causing a display of the at least one reduced size thumbnail image as a scaled down thumbnail image in the drop target; and
causing a display of the at least one thumbnail image in the browser window as a grayed-out thumbnail image.
14. The system of claim 12 , wherein the at least one computer-readable memory further comprises computer-executable instructions for:
causing a display of a corresponding count of the at least one reduced size thumbnail image indicating the number of photos in transit; and
dropping the at least one reduced size thumbnail image and the corresponding count to the drop target in response to a second drop command from the user.
15. The system of claim 12 , wherein the at least one computer-readable memory further comprises computer-executable instructions for:
determining a number of thumbnail images for display in a user viewable window automatically in response to a change in size of the user viewable window; and
causing a display of the number of thumbnail images in the user viewable window.
16. The system of claim 15 , wherein determining comprises:
partitioning the user viewable window into rows and columns according to dimensions of the user viewable window and dimensions of each thumbnail image; and
computing the number of thumbnail images for filling the rows and columns of the user viewable window.
17. The system of claim 15 , wherein the causing the display of the number of thumbnail images comprises:
retrieving URLs of the corresponding thumbnail images; and
loading the corresponding thumbnail images for display in the user viewable window.
18. The system of claim 12 , wherein the at least one computer-readable memory further comprises computer-executable instructions for:
highlighting a valid drop target in response to a determination that the valid drop target is permitted to receive the at least one reduced size thumbnail image; and
dropping the at least one reduced size thumbnail image images to the valid drop target in response to a third drop command from the user.
19. The system of claim 18 , wherein the at least one computer-readable memory further comprises computer-executable instructions for:
causing the display of no visual modification to an invalid drop target in response to a determination that the invalid drop target is not permitted to receive the at least one reduced size thumbnail image;
dropping the at least one reduced size thumbnail image to the invalid drop target in response to a fourth drop command from the user; and
returning the at least one reduced size thumbnail image to its original location in the browser window.
20. The system of claim 12 , wherein the at least one computer-readable memory further comprises computer-executable instructions for:
pointing a cursor over a thumbnail image in the photo tray in response to a point command from the user; and
causing a display of the thumbnail image as a scaled up thumbnail image.
21. The system of claim 12 , wherein the at least one computer-readable memory further comprises computer-executable instructions from the group consisting of:
computer-executable instructions for receiving a selection of a photo in response to the user dragging a cursor over an area covering the photo;
computer-executable for receiving a selection of a photo in response to the user clicking the photo directly; and
computer-executable for receiving a selection of all photos in the browser screen in response to the user depressing Control and A keys together.
22. A computer-readable storage medium storing executable program code, when executed by a processor, perform a method for:
receiving, from a user, a select command for identifying at least one thumbnail image in a browser window on a website;
receiving, from the user, a drag command for dragging the at least one thumbnail image to a drop target;
automatically causing the at least one thumbnail image to be displayed as at least one reduced size thumbnail image during said dragging and while in transit to the drop target based on the drag command, said reduced size thumbnail image is displayed in a reduced display size from the at least one thumbnail image's display size prior to receiving the drag command, wherein the drop target, based on the drag command, is automatically brought into view, and is based at least in part on the at least one thumbnail image; and
dropping the at least one reduced size thumbnail image to the drop target in response to a drop command from the user.
23. The computer readable storage medium of claim 22 further comprising program code for:
causing a display of the at least one reduced size thumbnail image as a scaled down thumbnail image in the drop target; and
causing a display of the at least one thumbnail image in the browser window as a grayed-out thumbnail-image.
24. The computer readable storage medium of claim 22 further comprising program code for:
causing a display of a corresponding count of the at least one reduced size thumbnail image indicating the number of photos in transit; and
dropping the at least one reduced size thumbnail image and the corresponding count to the drop target in response to a second drop command from the user.
25. The computer readable storage medium of claim 22 further comprising program code for:
determining a number of thumbnail images for display in a user viewable window automatically in response to a change in size of the user viewable window; and
causing a display of the number of thumbnail images in the user viewable window.
26. The computer readable storage medium of claim 25 , wherein determining comprises:
partitioning the user viewable window into rows and columns according to dimensions of the user viewable window and dimensions of each thumbnail image; and
computing the number of thumbnail images for filling the rows and columns of the user viewable window.
27. The computer readable storage medium of claim 25 , wherein causing the display of the number of thumbnail images comprises:
retrieving URLs of the corresponding thumbnail images; and
loading the corresponding thumbnail images for display in the user viewable window.
28. The computer readable storage medium of claim 22 further comprising program code for:
highlighting a valid drop target in response to a determination that the valid drop target is permitted to receive the at least one reduced size thumbnail image; and
dropping the at least one reduced size thumbnail image to the valid drop target in response to a third drop command from the user.
29. The computer readable storage medium of claim 28 further comprising program code for:
causing a display of no visual modification to an invalid drop target in response to a determination that the invalid drop target is not permitted to receive the at least one reduced size thumbnail-image;
dropping the at least one reduced size thumbnail image to the invalid drop target in response to a fourth drop command from the user; and
returning the at least one reduced size thumbnail image to its original location in the browser window.
30. The computer readable storage medium of claim 22 further comprising program code for:
pointing a cursor over a thumbnail image in the photo tray in response to a point command from the user; and
causing a display of the thumbnail image as a scaled up thumbnail image.
31. The computer readable storage medium of claim 22 further comprising program code from the group consisting of:
receiving a selection of a photo in response to the user dragging a cursor over an area covering the photo;
receiving a selection of a photo in response to the user clicking the photo directly; and
receiving a selection of all photos in the browser screen in response to the user depressing Control and A keys together.