Continuous content item view enhanced through smart loading

摘要

Systems, methods, and computer-readable storage media for a continuous photo view on a browser-type application are disclosed. The system can receive a request to display a set of images associated with a user account. The system can generate a web page based on a size of the content items, the web page having a respective placeholder for each of the content items in an area of the web page that is relative to a visible portion of the web page, wherein the web page can provide a continuous presentation of the content items on a device, and wherein the web page can be configured to dynamically load and unload content items based on a current position of the web page.

主权项

1. A computer-implemented method comprising:
receiving, at a processor, a request to display a set of stored content items associated with an online data storage account; and generating, via the processor, a web page capable of a single, continuous presentation, without pagination, of the set of content items in the web page on a device, the web page having a visible portion corresponding to a first position of the web page in a display of the device and at least one non-visible portion, a non-visible portion corresponding to a second position of the web page, wherein an amount of memory required to simultaneously store the set of content items is greater than an amount of memory available for use by the web page on the device, and wherein the generating comprises:
generating a timeline of content items from the set of content items, wherein the timeline comprises a first display of events fixed along a plane and a second display of content items along a parallel plane, wherein an event is associated with a subset of content items from the collection of content items;creating a respective placeholder in the web page for each of the content items in the set of content items; andembedding instructions in the web page to:
detect a scroll event from the first position to the second position, andin response to the scroll event:
shifting the visible portion to the second position, wherein the shifting causes a current view of the continuous presentation of the set of content items to fade out and a different view of the continuous presentation of the set of content items to fade in, anddynamically loading one or more content items from the set of content items at the respective placeholders associated with the second position and dynamically unloading one or more content items from the set of content items from the respective placeholders associated with the first position, the dynamically loading and unloading one or more content items thereby decreasing the amount of memory required to simultaneously store the set of content items to an amount less than or equal to the amount of memory available for use by the web page on the device.