Web Page Image Scaling via AJAX Overlay
Find Innovative SolutionsGenerate Solutions
Solution Overview
Problem
Traditional online stores face challenges in enlarging images of articles within the same web page without causing complexity or noticeable delays, especially in metered Internet access scenarios, leading to an inferior user experience.
Innovation Solution
A system and method that allows images on sales promotion web pages to be scaled up within the same page through cursor selection, using techniques like AJAX to smoothly expand and replace images, maintaining user interaction without refreshing the page.
Engineering Contradictions & Design Principles
Engineering Contradiction Analysis
1Measurement precision
If a different web page is loaded to display an enlarged image, then the image detail is improved, but the user experience deteriorates due to multiple page management complexities and noticeable delays
Solution Approach 1:
The patent combines the small image display and large image display functions into a single web page. The large image is displayed within a modal dialog or overlay on the same page, eliminating the need to navigate to a separate page while maintaining image detail and improving user experience.
Solution Approach 2:
The large image is pre-loaded and prepared in advance, stored in memory or cache. When a user clicks on a small image, the pre-prepared large image can be immediately displayed without waiting for a new page to load, thus improving user experience while maintaining image quality.
2Length of moving object
If a new web page is downloaded to show an enlarged image, then the image scale is improved, but the response time deteriorates due to momentary delays
Solution Approach 1:
The large image data is pre-loaded and cached in advance. When enlargement is needed, the system retrieves the pre-prepared large image from cache rather than downloading it anew, significantly reducing response time while maintaining full image scale.
Solution Approach 2:
Instead of loading a completely new page with the large image, the system creates a copy or reference to the large image data and displays it within the current page context through a modal dialog or overlay, achieving fast display with full image quality.
3Measurement precision
If multiple web pages are used for image enlargement, then the image detail is improved, but the system complexity increases due to multiple page management requirements
Solution Approach 1:
The patent merges the functionality of multiple pages (small image gallery and large image view) into a single page by using a modal dialog or overlay mechanism. This eliminates the complexity of managing multiple pages, browsing history, and pop-ups while still providing detailed image viewing capability.
Solution Approach 2:
The single web page is designed to perform multiple functions: displaying the gallery of small images and displaying the enlarged large image. The modal dialog mechanism allows the same page to serve both purposes, reducing system complexity while maintaining image detail.
Data Source
AI summary
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.