CN106021557A - 一种图片加载方法和装置 - Google Patents
一种图片加载方法和装置 Download PDFInfo
- Publication number
- CN106021557A CN106021557A CN201610370214.7A CN201610370214A CN106021557A CN 106021557 A CN106021557 A CN 106021557A CN 201610370214 A CN201610370214 A CN 201610370214A CN 106021557 A CN106021557 A CN 106021557A
- Authority
- CN
- China
- Prior art keywords
- limit
- picture
- original image
- region
- visual image
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
Landscapes
- Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Theoretical Computer Science (AREA)
- Data Mining & Analysis (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明实施例公开了一种图片加载方法和装置,接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面;实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
Description
技术领域
本发明涉及通信领域的图片加载技术,尤其涉及一种图片加载方法和装置。
背景技术
随着互联网和电子技术的不断发展,手机、平板电脑PAD等移动终端在人们生活中的应用越来越广泛。在信息爆炸时代里,用户在浏览网页时,网页中通常会有很多图片,在网页浏览过程中,网页中的图片需要进行加载显示。
现有技术中,图片加载通常是判断设备浏览器、设备分辨率,加载对应尺寸图片。但是,在加载过程中,如果网络不流畅,页面上图片的占位符,会呈现一片空白,从而影响图片的显示,并且浪费流量资源。
发明内容
为解决上述技术问题,本发明实施例提供一种图片加载方法和装置,通过预设标识图片设置占位符,避免原始图片显示不出而导致浏览页面空白的问题,节省了资源,提高了用户体验。
本发明的技术方案是这样实现的:
本发明实施例提供一种图片加载装置,所述装置包括:接收单元、获取单元、处理单元,其中,
所述接收单元,用于接收用户的浏览请求;
所述获取单元,用于根据所述用户的浏览请求获取浏览页面;还用于实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;
所述处理单元,用于根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
进一步地,每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
进一步地,所述当前浏览页面的滚动信息包括:当前浏览页面的滚动高度值;
所述当前浏览页面包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第六边与所述第二边之间的距离为第二数值,所述第一预设标识图片与所述第一边之间的距离为第三数值,所述第一预设标识图片与所述第二边之间的距离为第四数值。
进一步地,所述处理单元包括:确定模块、请求模块、获取模块、显示模块,
所述确定模块,用于当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,其中,所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值;
所述请求模块,用于请求获取所述第一预设标识图片对应的第一原始图像的地址;
所述获取模块,用于根据所述第一原始图像的地址获取所述第一原始图像;
所述显示模块,用于将所述第一原始图像显示在所述第一预设标识图片的区域。
进一步地,所述处理单元包括:确定模块、请求模块、获取模块、显示模块,
所述确定模块,用于当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,其中,所述滚动高度值为所述第二数值,所述偏移量高度值为第四数值;
所述请求模块,用于请求获取所述第一预设标识图片对应的第一原始图像的地址;
所述获取模块,用于根据所述第一原始图像的地址获取所述第一原始图像;
所述显示模块,用于将所述第一原始图像显示在所述第一预设标识图片的区域。
本发明实施例提供一种图片加载方法,所述方法包括:
接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面;
实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;
根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
进一步地,每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
进一步地,所述当前浏览页面的滚动信息包括:当前浏览页面的滚动高度值;
所述当前浏览页面包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第六边与所述第二边之间的距离为第二数值,所述第一预设标识图片与所述第一边之间的距离为第三数值,所述第一预设标识图片与所述第二边之间的距离为第四数值。
进一步地,所述根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片,包括:
当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域,其中,所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值。
进一步地,所述根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片,包括:
当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域,其中,所述滚动高度值为所述第二数值,所述偏移量高度值为第四数值。
本发明实施例提供了一种图片加载方法和装置,接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面;实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。本发明实施例提供的图片加载方法和装置,可以对图片延迟甚至不加载,对服务器能起到很大的缓冲和减压作用;当非可视区域的预设标识图片出现在可视区域时,再去服务器请求该预设标识图片的原始图片,将该原始图片加载到终端本地,即便遇到网络不顺畅的情况,也可以通过代码设置占位符,来避免原始图片显示不出而导致浏览页面空白、坏死的问题,节省了资源,提高了用户体验。
附图说明
图1为实现本发明各个实施例的一个可选的移动终端的硬件结构示意图;
图2为如图1所示的移动终端的无线通信系统示意图;
图3为本发明实施例提供的图片加载方法流程示意图一;
图4为本发明实施例提供的图片加载方法流程示意图二;
图5为本发明实施例提供的浏览页面显示示例图一;
图6为本发明实施例提供的浏览页面显示示例图二;
图7为本发明实施例提供的图片加载方法流程示意图三;
图8为本发明实施例提供的浏览页面显示示例图三;
图9为本发明实施例提供的图片加载装置结构示意图一;
图10为本发明实施例提供的图片加载装置结构示意图二。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述。
现在将参考附图描述实现本发明各个实施例的移动终端。在后续的描述中,使用用于表示元件的诸如“模块”、“部件”或“单元”的后缀仅为了有利于本发明的说明,其本身并没有特定的意义。因此,“模块”与“部件”可以混合地使用。
移动终端可以以各种形式来实施。例如,本发明中描述的终端可以包括诸如移动电话、智能电话、笔记本电脑、数字广播接收器、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)、导航装置等等的移动终端以及诸如数字TV、台式计算机等等的固定终端。下面,假设终端是移动终端。然而,本领域技术人员将理解的是,除了特别用于移动目的的元件之外,根据本发明的实施方式的构造也能够应用于固定类型的终端。
图1为实现本发明各个实施例的一个可选的移动终端的硬件结构示意。
移动终端100可以包括无线通信单元110、A/V(音频/视频)输入单元120、用户输入单元130、感测单元140、输出单元150、存储器160、接口单元170、控制器180和电源单元190等等。图1示出了具有各种组件的移动终端,但是应理解的是,并不要求实施所有示出的组件。可以替代地实施更多或更少的组件。将在下面详细描述移动终端的元件。
无线通信单元110通常包括一个或多个组件,其允许移动终端100与无线通信系统或网络之间的无线电通信。例如,无线通信单元可以包括广播接收模块111、移动通信模块112、无线互联网模块113、短程通信模块114和位置信息模块115中的至少一个。
广播接收模块111经由广播信道从外部广播管理服务器接收广播信号和/或广播相关信息。广播信道可以包括卫星信道和/或地面信道。广播管理服务器可以是生成并发送广播信号和/或广播相关信息的服务器或者接收之前生成的广播信号和/或广播相关信息并且将其发送给终端的服务器。广播信号可以包括TV广播信号、无线电广播信号、数据广播信号等等。而且,广播信号可以进一步包括与TV或无线电广播信号组合的广播信号。广播相关信息也可以经由移动通信网络提供,并且在该情况下,广播相关信息可以由移动通信模块112来接收。广播信号可以以各种形式存在,例如,其可以以数字多媒体广播(DMB)的电子节目指南(EPG)、数字视频广播手持(DVB-H)的电子服务指南(ESG)等等的形式而存在。广播接收模块111可以通过使用各种类型的广播系统接收信号广播。特别地,广播接收模块111可以通过使用诸如多媒体广播-地面(DMB-T)、数字多媒体广播-卫星(DMB-S)、数字视频广播-手持(DVB-H),前向链路媒体(MediaFLO@)的数据广播系统、地面数字广播综合服务(ISDB-T)等等的数字广播系统接收数字广播。广播接收模块111可以被构造为适合提供广播信号的各种广播系统以及上述数字广播系统。经由广播接收模块111接收的广播信号和/或广播相关信息可以存储在存储器160(或者其它类型的存储介质)中。
移动通信模块112将无线电信号发送到基站(例如,接入点、节点B等等)、外部终端以及服务器中的至少一个和/或从其接收无线电信号。这样的无线电信号可以包括语音通话信号、视频通话信号、或者根据文本和/或多媒体消息发送和/或接收的各种类型的数据。
无线互联网模块113支持移动终端的无线互联网接入。该模块可以内部或外部地耦接到终端。该模块所涉及的无线互联网接入技术可以包括WLAN(无线LAN)(Wi-Fi)、Wibro(无线宽带)、Wimax(全球微波互联接入)、HSDPA(高速下行链路分组接入)等等。
短程通信模块114是用于支持短程通信的模块。短程通信技术的一些示例包括蓝牙TM、射频识别(RFID)、红外数据协会(IrDA)、超宽带(UWB)、紫蜂TM等等。
位置信息模块115是用于检查或获取移动终端的位置信息的模块。位置信息模块的典型示例是GPS(全球定位系统)。根据当前的技术,GPS模块115计算来自三个或更多卫星的距离信息和准确的时间信息并且对于计算的信息应用三角测量法,从而根据经度、纬度和高度准确地计算三维当前位置信息。当前,用于计算位置和时间信息的方法使用三颗卫星并且通过使用另外的一颗卫星校正计算出的位置和时间信息的误差。此外,GPS模块115能够通过实时地连续计算当前位置信息来计算速度信息。
A/V输入单元120用于接收音频或视频信号。A/V输入单元120可以包括照相121和麦克风122,照相121对在视频捕获模式或图像捕获模式中由图像捕获装置获得的静态图片或视频的图像数据进行处理。处理后的图像帧可以显示在显示单元151上。经照相121处理后的图像帧可以存储在存储器160(或其它存储介质)中或者经由无线通信单元110进行发送,可以根据移动终端的构造提供两个或更多照相121。麦克风122可以在电话通话模式、记录模式、语音识别模式等等运行模式中经由麦克风接收声音(音频数据),并且能够将这样的声音处理为音频数据。处理后的音频(语音)数据可以在电话通话模式的情况下转换为可经由移动通信模块112发送到移动通信基站的格式输出。麦克风122可以实施各种类型的噪声消除(或抑制)算法以消除(或抑制)在接收和发送音频信号的过程中产生的噪声或者干扰。
用户输入单元130可以根据用户输入的命令生成键输入数据以控制移动终端的各种操作。用户输入单元130允许用户输入各种类型的信息,并且可以包括键盘、锅仔片、触摸板(例如,检测由于被接触而导致的电阻、压力、电容等等的变化的触敏组件)、滚轮、摇杆等等。特别地,当触摸板以层的形式叠加在显示单元151上时,可以形成触摸屏。
感测单元140检测移动终端100的当前状态,(例如,移动终端100的打开或关闭状态)、移动终端100的位置、用户对于移动终端100的接触(即,触摸输入)的有无、移动终端100的取向、移动终端100的加速或减速移动和方向等等,并且生成用于控制移动终端100的操作的命令或信号。例如,当移动终端100实施为滑动型移动电话时,感测单元140可以感测该滑动型电话是打开还是关闭。另外,感测单元140能够检测电源单元190是否提供电力或者接口单元170是否与外部装置耦接。
接口单元170用作至少一个外部装置与移动终端100连接可以通过的接口。例如,外部装置可以包括有线或无线头戴式耳机端口、外部电源(或电池充电器)端口、有线或无线数据端口、存储卡端口、用于连接具有识别模块的装置的端口、音频输入/输出(I/O)端口、视频I/O端口、耳机端口等等。识别模块可以是存储用于验证用户使用移动终端100的各种信息并且可以包括用户识别模块(UIM)、客户识别模块(SIM)、通用客户识别模块(USIM)等等。另外,具有识别模块的装置(下面称为"识别装置")可以采取智能卡的形式,因此,识别装置可以经由端口或其它连接装置与移动终端100连接。接口单元170可以用于接收来自外部装置的输入(例如,数据信息、电力等等)并且将接收到的输入传输到移动终端100内的一个或多个元件或者可以用于在移动终端和外部装置之间传输数据。
另外,当移动终端100与外部底座连接时,接口单元170可以用作允许通过其将电力从底座提供到移动终端100的路径或者可以用作允许从底座输入的各种命令信号通过其传输到移动终端的路径。从底座输入的各种命令信号或电力可以用作用于识别移动终端是否准确地安装在底座上的信号。输出单元150被构造为以视觉、音频和/或触觉方式提供输出信号(例如,音频信号、视频信号、警报信号、振动信号等等)。输出单元150可以包括显示单元151、音频输出模块152等等。
显示单元151可以显示在移动终端100中处理的信息。例如,当移动终端100处于电话通话模式时,显示单元151可以显示与通话或其它通信(例如,文本消息收发、多媒体文件下载等等)相关的用户界面(UI)或图形用户界面(GUI)。当移动终端100处于视频通话模式或者图像捕获模式时,显示单元151可以显示捕获的图像和/或接收的图像、示出视频或图像以及相关功能的UI或GUI等等。
同时,当显示单元151和触摸板以层的形式彼此叠加以形成触摸屏时,显示单元151可以用作输入装置和输出装置。显示单元151可以包括液晶显示器(LCD)、薄膜晶体管LCD(TFT-LCD)、有机发光二极管(OLED)显示器、柔性显示器、三维(3D)显示器等等中的至少一种。这些显示器中的一些可以被构造为透明状以允许用户从外部观看,这可以称为透明显示器,典型的透明显示器可以例如为TOLED(透明有机发光二极管)显示器等等。根据特定想要的实施方式,移动终端100可以包括两个或更多显示单元(或其它显示装置),例如,移动终端可以包括外部显示单元(未示出)和内部显示单元(未示出)。触摸屏可用于检测触摸输入压力以及触摸输入位置和触摸输入面积。
音频输出模块152可以在移动终端处于呼叫信号接收模式、通话模式、记录模式、语音识别模式、广播接收模式等等模式下时,将无线通信单元110接收的或者在存储器160中存储的音频数据转换音频信号并且输出为声音。而且,音频输出模块152可以提供与移动终端100执行的特定功能相关的音频输出(例如,呼叫信号接收声音、消息接收声音等等)。音频输出模块152可以包括扬声器、蜂鸣器等等。
存储器160可以存储由控制器180执行的处理和控制操作的软件程序等等,或者可以暂时地存储已经输出或将要输出的数据(例如,电话簿、消息、静态图像、视频等等)。而且,存储器160可以存储关于当触摸施加到触摸屏时输出的各种方式的振动和音频信号的数据。
存储器160可以包括至少一种类型的存储介质,所述存储介质包括闪存、硬盘、多媒体卡、卡型存储器(例如,SD或DX存储器等等)、随机访问存储器(RAM)、静态随机访问存储器(SRAM)、只读存储器(ROM)、电可擦除可编程只读存储器(EEPROM)、可编程只读存储器(PROM)、磁性存储器、磁盘、光盘等等。而且,移动终端100可以与通过网络连接执行存储器160的存储功能的网络存储装置协作。
控制器180通常控制移动终端的总体操作。例如,控制器180执行与语音通话、数据通信、视频通话等等相关的控制和处理。另外,控制器180可以包括用于再现(或回放)多媒体数据的多媒体模块181,多媒体模块181可以构造在控制器180内,或者可以构造为与控制器180分离。控制器180可以执行模式识别处理,以将在触摸屏上执行的手写输入或者图片绘制输入识别为字符或图像。
电源单元190在控制器180的控制下接收外部电力或内部电力并且提供操作各元件和组件所需的适当的电力。
这里描述的各种实施方式可以以使用例如计算机软件、硬件或其任何组合的计算机可读介质来实施。对于硬件实施,这里描述的实施方式可以通过使用特定用途集成电路(ASIC)、数字信号处理器(DSP)、数字信号处理装置(DSPD)、可编程逻辑装置(PLD)、现场可编程门阵列(FPGA)、处理器、控制器、微控制器、微处理器、被设计为执行这里描述的功能的电子单元中的至少一种来实施,在一些情况下,这样的实施方式可以在控制器180中实施。对于软件实施,诸如过程或功能的实施方式可以与允许执行至少一种功能或操作的单独的软件模块来实施。软件代码可以由以任何适当的编程语言编写的软件应用程序(或程序)来实施,软件代码可以存储在存储器160中并且由控制器180执行。
至此,已经按照其功能描述了移动终端。下面,为了简要起见,将描述诸如折叠型、直板型、摆动型、滑动型移动终端等等的各种类型的移动终端中的滑动型移动终端作为示例。因此,本发明能够应用于任何类型的移动终端,并且不限于滑动型移动终端。
如图1中所示的移动终端100可以被构造为利用经由帧或分组发送数据的诸如有线和无线通信系统以及基于卫星的通信系统来操作。
现在将参考图2描述其中根据本发明的移动终端能够操作的通信系统。
这样的通信系统可以使用不同的空中接口和/或物理层。例如,由通信系统使用的空中接口包括例如频分多址(FDMA)、时分多址(TDMA)、码分多址(CDMA)和通用移动通信系统(UMTS)(特别地,长期演进(LTE))、全球移动通信系统(GSM)等等。作为非限制性示例,下面的描述涉及CDMA通信系统,但是这样的教导同样适用于其它类型的系统。
参考图2,CDMA无线通信系统可以包括多个移动终端100、多个基站(BS)270、基站控制器(BSC)275和移动交换中心(MSC)280。MSC280被构造为与公共电话交换网络(PSTN)290形成接口。MSC280还被构造为与可以经由回程线路耦接到基站270的BSC275形成接口。回程线路可以根据若干已知的接口中的任一种来构造,所述接口包括例如E1/T1、ATM,IP、PPP、帧中继、HDSL、ADSL或xDSL。将理解的是,如图2中所示的系统可以包括多个BSC275。
每个BS270可以服务一个或多个分区(或区域),由多向天线或指向特定方向的天线覆盖的每个分区放射状地远离BS270。或者,每个分区可以由用于分集接收的两个或更多天线覆盖。每个BS270可以被构造为支持多个频率分配,并且每个频率分配具有特定频谱(例如,1.25MHz、5MHz等等)。
分区与频率分配的交叉可以被称为CDMA信道。BS270也可以被称为基站收发器子系统(BTS)或者其它等效术语。在这样的情况下,术语"基站"可以用于笼统地表示单个BSC275和至少一个BS270。基站也可以被称为"蜂窝站"。或者,特定BS270的各分区可以被称为多个蜂窝站。
如图2中所示,广播发射器(BT)295将广播信号发送给在系统内操作的移动终端100。如图1中所示的广播接收模块111被设置在移动终端100处以接收由BT295发送的广播信号。在图2中,示出了几个全球定位系统(GPS)卫星300。卫星300帮助定位多个移动终端100中的至少一个。
在图2中,描绘了多个卫星300,但是理解的是,可以利用任何数目的卫星获得有用的定位信息。如图1中所示的GPS模块115通常被构造为与卫星300配合以获得想要的定位信息。替代GPS跟踪技术或者在GPS跟踪技术之外,可以使用可以跟踪移动终端的位置的其它技术。另外,至少一个GPS卫星300可以选择性地或者额外地处理卫星DMB传输。
作为无线通信系统的一个典型操作,BS270接收来自各种移动终端100的反向链路信号。移动终端100通常参与通话、消息收发和其它类型的通信。特定基站270接收的每个反向链路信号被在特定BS270内进行处理。获得的数据被转发给相关的BSC275。BSC提供通话资源分配和包括BS270之间的软切换过程的协调的移动管理功能。BSC275还将接收到的数据路由到MSC280,其提供用于与PSTN290形成接口的额外的路由服务。类似地,PSTN290与MSC280形成接口,MSC与BSC275形成接口,并且BSC275相应地控制BS270以将正向链路信号发送到移动终端100。
基于上述移动终端硬件结构以及通信系统,提出本发明方法各个实施例。
实施例一
本发明实施例提供一种图片加载方法,如图3所示,该方法可以包括:
步骤301、接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面。
具体的,本发明实施例中,接收用户的浏览请求可以是由图片加载装置来实现的,该图片加载装置具体可以为终端设备,即终端设备接收用户的浏览请求。本发明中的终端设备可以是移动终端,优选的可以是具有操作系统的移动智能终端设备,也可以是电脑等终端设备。
移动终端是指可以在移动中使用的设备,广义的讲包括手机、笔记本、平板电脑,甚至包括车载电脑。但是,大部分情况下是指手机或者具有多种应用功能的智能手机以及平板电脑。随着网络和技术朝着越来越宽带化的方向的发展,移动通信产业将走向真正的移动信息时代。随着集成电路技术的飞速发展,移动终端的处理能力已经拥有了强大的处理能力,移动终端正在从简单的通话工具变为一个综合信息处理平台。移动智能终端可以简称为智能终端,移动智能终端拥有接入互联网能力,通常搭载各种操作系统,可根据用户需求定制化各种功能。生活中常见的智能终端包括移动智能终端、车载智能终端、智能电视、可穿戴设备等。
具体的,用户在终端的显示界面输入相应的内容,进行相关搜索,获得相关搜索的浏览页面;也可以是用户在终端的显示界面上点击相应的客户端图标,打开该客户端的浏览页面。
示例性的,用户在手机终端的进行搜索,在“百度”网站进行搜索,在搜索栏中输入关键词“手机”进行搜索,获得与关键词“手机”相关的搜索内容,并显示,该与关键词“手机”相关的搜索内容的即为浏览页面。
步骤302、实时获取用户当前浏览页面的滚动信息。
其中,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片。
需要说明的是,所述预设标识图片可以为静态图像,也可以为动态图像。静态图像的格式可以为PNG格式或者GIF格式,PNG格式或者GIF格式具有透明通道,灵活可调节,占用的图片大小也非常小,通常不会超过30kb。动态图像的格式可以为SVG、或者GIF格式。SVG是代码生成的动画,体积小,但对浏览器兼容要求比较高,但对于手机终端都可以适用。
其中,图像文件存储格式(PNG,Portable Network Graphic Format)由一个8字节的PNG文件署名(PNG file signature)域和按照特定结构组织的3个以上的数据块(chunk)组成。PNG定义了两种类型的数据块,一种是称为关键数据块(critical chunk),这是必需的数据块,另一种叫做辅助数据块(ancillarychunks),这是可选的数据块。关键数据块定义了4个标准数据块,每个PNG文件都必须包含它们,PNG读写软件也都必须要支持这些数据块。虽然PNG文件规范没有要求PNG编译码器对可选数据块进行编码和译码,但规范提倡支持可选数据块。PNG格式有8位、24位、32位三种形式,其中8位PNG支持两种不同的透明形式,索引透明和alpha透明,24位PNG不支持透明,32位PNG在24位基础上增加了8位透明通道,因此可展现256级透明程度。
图像互换格式(GIF,Graphics Interchange Format)是一种图像文件格式。GIF文件的数据,是一种基于LZW算法的连续色调的无损压缩格式。GIF图像文件的数据是经过压缩的,而且是采用了可变长度等压缩算法。GIF格式的另一个特点是其在一个GIF文件中可以存多幅彩色图像,如果把存于一个文件中的多幅图像数据逐幅读出并显示到屏幕上,就可构成一种最简单的动画。GIF分为静态GIF和动画GIF两种,扩展名为.gif,是一种压缩位图格式,支持透明背景图像,适用于多种操作系统。
可缩放矢量图形(SVG,Scalable Vector Graphics)是基于可扩展标记语言(XML),用于描述二维矢量图形的一种图形格式。SVG包括3种类型的对象:矢量图形(包括直线、曲线在内的图形边)、点阵图像和文本。各种图像对象能够组合、变换,并且修改其样式,也能够定义成预处理对象。与传统的图像格式不同的是,SVG采用文本来描述矢量化的图形,这使得SVG图像文件可以像HTML网页一样有着很好的可读性。当用户用图像工具输出SVG后,可以用任何文字处理工具打开SVG图像,并可看到用来描述图像的文本代码。
在图形图像学中,透明通道也称Alpha通道,代表数字图像中像素点的透明信息。白色的Alpha像素用以定义不透明的彩色像素,而黑色的Alpha定以透明像素,黑白之间的灰阶则是彩色图片中的半透明部分。
示例性的,预设标识图片可以为预先设计好一张尺寸比较小的企业标识logo或者带动画效果的logo,图片大小越小越好,可以节约带宽,底色可以用纯色填充。
具体的,在用户请求浏览时,在浏览页面加载图片过程中,通过预设标识图片设置占位符,来避免原始图片显示不出而导致页面空白、坏死的问题。具体可以通过前端css3样式将预设标识图片设置在原始图像区域水平垂直居中位置,预设标识图片的背景色与原始图像的底色一致,以使得预设标识图片占位符能自适应大小不一样的原始图片。
其中,占位符就是先占住一个固定的位置,再往里面添加内容的符号。图像占位符,就是在网页中插入一个“空”的图像,该图像没有真正的源文件。如果查看网页的源代码,会发现图像的源地址是一对空的双引号(“”)。图像占位符的作用是在网页上占据一个位置,当还没准备好要插入的图片的时候,可以先用图像占位符占一个位置,以作标记。还有一种情况是,当网页真正显示出来的时候,可以通过编程改变图像的源地址,这样做的好处是通过编程显示不同的图像,使得网页显示图像更加灵活。
其中,CSS即层叠样式表(Cascading StyleSheet)。在网页制作时采用层叠样式表技术,可以有效地对页面的布局、字体、颜色、背景和其它效果实现更加精确的控制。只要对相应的代码做一些简单的修改,就可以改变同一页面的不同部分,或者页数不同的网页的外观和格式。CSS3是CSS技术的升级版本,CSS3语言开发是朝着模块化发展的。以前的规范作为一个模块实在是太庞大而且比较复杂,所以,把它分解为一些小的模块,更多新的模块也被加入进来。这些模块包括:盒子模型、列表模块、超链接方式、语言模块、背景和边框、文字特效、多栏布局等。
其中,所述当前浏览页面的滚动信息为所述当前浏览页面的滚动高度值。
所述当前浏览页面包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第六边与所述第二边之间的距离为第二数值,所述第一预设标识图片与所述第一边之间的距离为第三数值,所述第一预设标识图片与所述第二边之间的距离为第四数值。
步骤303、根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
一种可能的实现方式,当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域,其中,所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值。
一种可能的实现方式,当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域,其中,所述滚动高度值为所述第二数值,所述偏移量高度值为第四数值。
示例性的,假设有10个用户,页面上图片有100张,10个用户同时打开这个页面,服务器就要承受1000个并发请求,如果采用本发明实施例提供的图片加载方法,10个用户进来仅仅只请求10张,通过浏览页面的滚动条滚动浏览网页时候,非可视区域的将会进入可视区域,当非可视区域中的预设标识图片进入可视区域,将进入可视区域的非可视区域的预设标识图片替换为预设标识图片对应的原始图片,即预设标识图片进入可视区域后,将会加载为与其对应的原始图片,即分批请求原始图片,大大提高服务器性能,降低宽带费用。
虽然现有的大多数的网站,对于移动终端的图片,都是有经过优化,专门针对移动终端显示,来减轻用户流量,加快浏览页面展示,但是这仅限图片大小的优化策略上,图片的加载方式也是判断设备浏览器、设备分辨率,加载对应尺寸图片,即图片的加载方式并未改进。
本发明实施例提供的图片加载方法,可以对图片延迟甚至不加载,对服务器能起到很大的缓冲和减压作用;当非可视区域的预设标识图片出现在可视区域时,再去服务器请求该预设标识图片的原始图片,将该原始图片加载到终端本地,即便遇到网络不顺畅的情况,也可以通过代码巧妙设置占位符,来避免原始图片显示不出而导致浏览页面空白、坏死的问题,节省了资源,提高了用户体验。
实施例二
本发明实施例提供一种信息处理方法,如图4所示,该方法可以包括:
步骤401、图片加载装置接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面。
本发明实施例提供的信息处理方法的执行主体可以为图片加载装置,图片加载装置具体可以为终端,其中,所述终端可以为移动终端,所述终端可以以各种形式来实施。例如,电脑、手机、PDA(个人数字助理)、PAD(平板电脑)、PMP(便携式多媒体播放器)等。
具体的,用户在终端的显示界面输入相应的内容,进行相关搜索,获得相关搜索的浏览页面;也可以是用户在终端的显示界面上点击相应的客户端图标,打开该客户端的浏览页面。
步骤402、图片加载装置实时获取当前浏览页面的滚动高度值。
其中,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片。每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
示例性的,如图5所示,手机终端的浏览页面包括:第一非可视图像区域,可视图像区域,第二非可视图像区域,用户在显示屏上上下滑动来查看第一非可视图像区域、可视图像区域、或者第二非可视图像区域中的显示内容,当用户向下滑动时,第一非可视图像区域进入可视图像区域,用户则可以看到第一非可视图像区域中的显示内容,当用户向上滑动时,第二非可视图像区域进入可视图像区域,用户则可以看到第二非可视图像区域中的显示内容。
需要说明的是,所述预设标识图片可以为静态图像,也可以为动态图像。静态图像的格式可以为PNG格式或者GIF格式,PNG格式或者GIF格式具有透明通道,灵活可调节,占用的图片大小也非常小,通常不会超过30kb。动态图像的格式可以为SVG、或者GIF格式。SVG是代码生成的动画,体积小,但对浏览器兼容要求比较高,但对于手机终端都可以适用。
示例性的,预设标识图片可以为预先设计好一张尺寸比较小的企业标识logo或者带动画效果的logo,图片大小越小越好,可以节约带宽,底色可以用纯色填充。
具体的,当前浏览页面可以包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第一预设标识图片与所述第一边之间的距离为第三数值;
所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值。
示例性的,如图6所示,当前浏览页面第一边、第二边、第三边和第四边,可视图像区域包括:第五边、第六边、第三边和第四边相交的区域,第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域,第六边与第一边之间的距离为第一数值a,第一预设标识图片与第一边之间的距离为第三数值b。
步骤403、当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,图片加载装置确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域。
示例性的,如图6所示,当所述当前浏览页面的滚动高度值a大于非可视图像区域中预设标识图片偏移量高度值b时,图片加载装置确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,根据第一原始图像的html特性将该第一原始图像显示在第一预设标识图片的区域。
本发明实施例提供的图片加载方法,可以对图片延迟甚至不加载,对服务器能起到很大的缓冲和减压作用;当非可视区域的预设标识图片出现在可视区域时,再去服务器请求该预设标识图片的原始图片,将该原始图片加载到终端本地,即便遇到网络不顺畅的情况,也可以通过代码巧妙设置占位符,来避免原始图片显示不出而导致浏览页面空白、坏死的问题,节省了资源,提高了用户体验。
实施例三
本发明实施例提供一种信息处理方法,如图7所示,该方法可以包括:
步骤501、图片加载装置接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面。
本发明实施例提供的信息处理方法的执行主体可以为图片加载装置,图片加载装置具体可以为终端,其中,所述终端可以为移动终端,所述终端可以以各种形式来实施。例如,电脑、手机、PDA、PAD、PMP等。
具体的,用户在终端的显示界面输入相应的内容,进行相关搜索,获得相关搜索的浏览页面;也可以是用户在终端的显示界面上点击相应的客户端图标,打开该客户端的浏览页面。
步骤502、图片加载装置实时获取当前浏览页面的滚动高度值。
具体的,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片。每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
其中,预设标识图片可以为静态图像,也可以为动态图像。静态图像的格式可以为PNG格式或者GIF格式,动态图像的格式可以为SVG、或者GIF。
示例性的,如图8所示,当前浏览页面第一边、第二边、第三边和第四边,可视图像区域包括:第五边、第六边、第三边和第四边相交的区域,第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域,第六边与第二边之间的距离为第三数值c,第一预设标识图片与第二边之间的距离为第三数值d。
步骤503、当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,图片加载装置确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域。
示例性的,如图8所示,当所述当前浏览页面的滚动高度值c小于所述非可视图像区域中预设标识图片偏移量高度值d时,图片加载装置确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域。
本发明实施例提供的图片加载方法,可以对图片延迟甚至不加载,对服务器能起到很大的缓冲和减压作用;当非可视区域的预设标识图片出现在可视区域时,再去服务器请求该预设标识图片的原始图片,将该原始图片加载到终端本地,即便遇到网络不顺畅的情况,也可以通过代码巧妙设置占位符,来避免原始图片显示不出而导致浏览页面空白、坏死的问题,节省了资源,提高了用户体验。
实施例四
本发明实施例提供一种图片加载装置6,如图9所示,所述装置6包括:接收单元60、获取单元61、处理单元62,其中,
所述接收单元60,用于接收用户的浏览请求;
所述获取单元61,用于根据所述用户的浏览请求获取浏览页面;还用于实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;
所述处理单元62,用于根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
进一步地,每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
进一步地,所述当前浏览页面的滚动信息包括:当前浏览页面的滚动高度值;
所述当前浏览页面包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第六边与所述第二边之间的距离为第二数值,所述第一预设标识图片与所述第一边之间的距离为第三数值,所述第一预设标识图片与所述第二边之间的距离为第四数值。
进一步地,如图10所示,所述处理单元62包括:确定模块620、请求模块621、获取模块622、显示模块623,
所述确定模块620,用于当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,其中,所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值;
所述请求模块621,用于请求获取所述第一预设标识图片对应的第一原始图像的地址;
所述获取模块622,用于根据所述第一原始图像的地址获取所述第一原始图像;
所述显示模块623,用于将所述第一原始图像显示在所述第一预设标识图片的区域。
进一步地,如图10所示,所述处理单元62包括:确定模块620、请求模块621、获取模块622、显示模块623,
所述确定模块620,用于当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,其中,所述滚动高度值为所述第二数值,所述偏移量高度值为第四数值;
所述请求模块621,用于请求获取所述第一预设标识图片对应的第一原始图像的地址;
所述获取模块622,用于根据所述第一原始图像的地址获取所述第一原始图像;
所述显示模块623,用于将所述第一原始图像显示在所述第一预设标识图片的区域。
具体的,本发明实施例提供的图片加载装置的理解可以参考实施例一和实施例三的图片加载方法的说明,本发明实施例在此不再赘述。
在实际应用中,接收单元60、获取单元61、及处理单元62均可由位于图片加载装置中的中央处理器(Central Processing Unit,CPU)、微处理器(MicroProcessor Unit,MPU)、数字信号处理器(Digital Signal Processor,DSP)或现场可编程门阵列(Field Programmable Gate Array,FPGA)等实现。
本发明实施例提供的图片加载装置,可以对浏览页面的图片延迟加载或者不加载,对服务器能起到很大的缓冲和减压作用;当非可视区域的预设标识图片出现在可视区域时,再去服务器请求该预设标识图片的原始图片,将该原始图片加载到终端本地,即便遇到网络不顺畅的情况,也可以通过代码巧妙设置占位符,来避免原始图片显示不出而导致浏览页面空白、坏死的问题,节省了资源,提高了用户体验。
本领域内的技术人员应明白,本发明的实施例可提供为方法、系统、或计算机程序产品。因此,本发明可采用硬件实施例、软件实施例、或结合软件和硬件方面的实施例的形式。而且,本发明可采用在一个或多个其中包含有计算机可用程序代码的计算机可用存储介质(包括但不限于磁盘存储器和光学存储器等)上实施的计算机程序产品的形式。
本发明是参照根据本发明实施例的方法、设备(系统)、和计算机程序产品的流程图和/或方框图来描述的。应理解可由计算机程序指令实现流程图和/或方框图中的每一流程和/或方框、以及流程图和/或方框图中的流程和/或方框的结合。可提供这些计算机程序指令到通用计算机、专用计算机、嵌入式处理机或其他可编程数据处理设备的处理器以产生一个机器,使得通过计算机或其他可编程数据处理设备的处理器执行的指令产生用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的装置。
这些计算机程序指令也可存储在能引导计算机或其他可编程数据处理设备以特定方式工作的计算机可读存储器中,使得存储在该计算机可读存储器中的指令产生包括指令装置的制造品,该指令装置实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能。
这些计算机程序指令也可装载到计算机或其他可编程数据处理设备上,使得在计算机或其他可编程设备上执行一系列操作步骤以产生计算机实现的处理,从而在计算机或其他可编程设备上执行的指令提供用于实现在流程图一个流程或多个流程和/或方框图一个方框或多个方框中指定的功能的步骤。
以上所述,仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。
Claims (10)
1.一种图片加载装置,其特征在于,所述装置包括:接收单元、获取单元、处理单元,其中,
所述接收单元,用于接收用户的浏览请求;
所述获取单元,用于根据所述用户的浏览请求获取浏览页面;还用于实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;
所述处理单元,用于根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
2.根据权利要求1所述的装置,其特征在于,每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
3.根据权利要求1所述的装置,其特征在于,所述当前浏览页面的滚动信息包括:当前浏览页面的滚动高度值;
所述当前浏览页面包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第六边与所述第二边之间的距离为第二数值,所述第一预设标识图片与所述第一边之间的距离为第三数值,所述第一预设标识图片与所述第二边之间的距离为第四数值。
4.根据权利要求3所述的装置,其特征在于,所述处理单元包括:确定模块、请求模块、获取模块、显示模块,
所述确定模块,用于当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,其中,所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值;
所述请求模块,用于请求获取所述第一预设标识图片对应的第一原始图像的地址;
所述获取模块,用于根据所述第一原始图像的地址获取所述第一原始图像;
所述显示模块,用于将所述第一原始图像显示在所述第一预设标识图片的区域。
5.根据权利要求3所述的装置,其特征在于,所述处理单元包括:确定模块、请求模块、获取模块、显示模块,
所述确定模块,用于当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,其中,所述滚动高度值为所述第二数值,所述偏移量高度值为第四数值;
所述请求模块,用于请求获取所述第一预设标识图片对应的第一原始图像的地址;
所述获取模块,用于根据所述第一原始图像的地址获取所述第一原始图像;
所述显示模块,用于将所述第一原始图像显示在所述第一预设标识图片的区域。
6.一种图片加载方法,其特征在于,所述方法包括:
接收用户的浏览请求,根据所述用户的浏览请求获取浏览页面;
实时获取用户当前浏览页面的滚动信息,所述当前浏览页面包括:可视图像区域和非可视图像区域,所述可视图像区域加载的图片为原始图片,所述非可视图像区域加载的图片为预设标识图片;
根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片。
7.根据权利要求6所述的方法,其特征在于,每一个预设标识图片对应一个原始图片,所述预设标识图片的占用内存小于与所述预设标识图片对应的原始图片的占用内存。
8.根据权利要求6所述的方法,其特征在于,所述当前浏览页面的滚动信息包括:当前浏览页面的滚动高度值;
所述当前浏览页面包括:第一边、第二边、第三边和第四边,所述第一边与所述第二边相对,所述第三边与所述第四边相对,所述第一边的一端与所述第三边相交,所述第一边的另一端与所述第四边相交,所述第二边的一端与所述第三边相交,所述第二边的另一端与所述第四边相交;
所述可视图像区域包括:第五边、第六边、第三边和第四边,所述第五边与所述第六边相对,所述第三边与所述第四边相对,所述第五边的一端与所述第三边相交,所述第五边的另一端与所述第四边相交,所述第六边的一端与所述第三边相交,所述第六边的另一端与所述第四边相交;
所述第一边、所述第三边、所述第四边和所述第五边相交的区域为第一非可视图像区域,所述第二边、所述第三边、所述第四边和所述第六边相交的区域为第二非可视图像区域;
所述第六边与所述第一边之间的距离为第一数值,所述第六边与所述第二边之间的距离为第二数值,所述第一预设标识图片与所述第一边之间的距离为第三数值,所述第一预设标识图片与所述第二边之间的距离为第四数值。
9.根据权利要求8所述的方法,其特征在于,所述根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片,包括:
当所述当前浏览页面的滚动高度值大于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域,其中,所述滚动高度值为所述第一数值,所述偏移量高度值为第三数值。
10.根据权利要求8所述的方法,其特征在于,所述根据所述当前浏览页面的滚动信息加载所述当前浏览页面中的原始图片,包括:
当所述当前浏览页面的滚动高度值小于所述非可视图像区域中预设标识图片偏移量高度值时,确定所述非可视图像区域中的第一预设标识图片出现在所述可视图像区域,请求获取所述第一预设标识图片对应的第一原始图像的地址,根据所述第一原始图像的地址获取所述第一原始图像,将所述第一原始图像显示在所述第一预设标识图片的区域,其中,所述滚动高度值为所述第二数值,所述偏移量高度值为第四数值。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610370214.7A CN106021557A (zh) | 2016-05-30 | 2016-05-30 | 一种图片加载方法和装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610370214.7A CN106021557A (zh) | 2016-05-30 | 2016-05-30 | 一种图片加载方法和装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN106021557A true CN106021557A (zh) | 2016-10-12 |
Family
ID=57092601
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610370214.7A Pending CN106021557A (zh) | 2016-05-30 | 2016-05-30 | 一种图片加载方法和装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN106021557A (zh) |
Cited By (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN107818008A (zh) * | 2017-11-21 | 2018-03-20 | 武汉斗鱼网络科技有限公司 | 页面加载方法及装置 |
CN108268232A (zh) * | 2018-02-09 | 2018-07-10 | 腾讯数码(天津)有限公司 | 一种图片显示方法、装置、系统和存储介质 |
CN109101303A (zh) * | 2018-07-04 | 2018-12-28 | 杭州涂鸦信息技术有限公司 | 智能图片懒加载方法 |
CN109684573A (zh) * | 2017-10-18 | 2019-04-26 | 北京京东尚科信息技术有限公司 | 目标图片显示方法及装置、存储介质、电子设备 |
CN110909273A (zh) * | 2018-08-28 | 2020-03-24 | 马上消费金融股份有限公司 | 页面的生成方法及相关系统 |
CN111767492A (zh) * | 2020-06-30 | 2020-10-13 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN112287257A (zh) * | 2020-09-22 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 一种页面展示方法、装置、电子设备及存储介质 |
CN112672181A (zh) * | 2020-12-25 | 2021-04-16 | 广州博冠信息科技有限公司 | 信息的处理方法及装置、计算机存储介质、电子设备 |
CN114330230A (zh) * | 2021-11-17 | 2022-04-12 | 芯华章科技股份有限公司 | 显示逻辑系统设计的文档的方法及相关设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102043799A (zh) * | 2009-10-14 | 2011-05-04 | 上海通路快建网络服务外包有限公司 | 图片放大方法 |
CN102685169A (zh) * | 2011-03-17 | 2012-09-19 | 腾讯科技(北京)有限公司 | 一种缩略图的大图预加载方法及系统 |
CN102760133A (zh) * | 2011-04-28 | 2012-10-31 | 腾讯科技(深圳)有限公司 | 网页加载方法、系统、浏览器、终端及服务器 |
US20150089348A1 (en) * | 2013-09-23 | 2015-03-26 | Yahoo! Inc. | System and method for web page background image delivery |
-
2016
- 2016-05-30 CN CN201610370214.7A patent/CN106021557A/zh active Pending
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102043799A (zh) * | 2009-10-14 | 2011-05-04 | 上海通路快建网络服务外包有限公司 | 图片放大方法 |
CN102685169A (zh) * | 2011-03-17 | 2012-09-19 | 腾讯科技(北京)有限公司 | 一种缩略图的大图预加载方法及系统 |
CN102760133A (zh) * | 2011-04-28 | 2012-10-31 | 腾讯科技(深圳)有限公司 | 网页加载方法、系统、浏览器、终端及服务器 |
US20150089348A1 (en) * | 2013-09-23 | 2015-03-26 | Yahoo! Inc. | System and method for web page background image delivery |
Cited By (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109684573B (zh) * | 2017-10-18 | 2021-10-15 | 北京京东尚科信息技术有限公司 | 目标图片显示方法及装置、存储介质、电子设备 |
CN109684573A (zh) * | 2017-10-18 | 2019-04-26 | 北京京东尚科信息技术有限公司 | 目标图片显示方法及装置、存储介质、电子设备 |
CN107818008B (zh) * | 2017-11-21 | 2021-02-02 | 武汉斗鱼网络科技有限公司 | 页面加载方法及装置 |
CN107818008A (zh) * | 2017-11-21 | 2018-03-20 | 武汉斗鱼网络科技有限公司 | 页面加载方法及装置 |
CN108268232A (zh) * | 2018-02-09 | 2018-07-10 | 腾讯数码(天津)有限公司 | 一种图片显示方法、装置、系统和存储介质 |
CN108268232B (zh) * | 2018-02-09 | 2024-04-09 | 腾讯数码(天津)有限公司 | 一种图片显示方法、装置、系统和存储介质 |
CN109101303A (zh) * | 2018-07-04 | 2018-12-28 | 杭州涂鸦信息技术有限公司 | 智能图片懒加载方法 |
CN110909273A (zh) * | 2018-08-28 | 2020-03-24 | 马上消费金融股份有限公司 | 页面的生成方法及相关系统 |
CN111767492A (zh) * | 2020-06-30 | 2020-10-13 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN111767492B (zh) * | 2020-06-30 | 2023-04-11 | 中国平安财产保险股份有限公司 | 图片加载方法、装置、计算机设备及存储介质 |
CN112287257A (zh) * | 2020-09-22 | 2021-01-29 | 长沙市到家悠享网络科技有限公司 | 一种页面展示方法、装置、电子设备及存储介质 |
CN112672181A (zh) * | 2020-12-25 | 2021-04-16 | 广州博冠信息科技有限公司 | 信息的处理方法及装置、计算机存储介质、电子设备 |
CN114330230A (zh) * | 2021-11-17 | 2022-04-12 | 芯华章科技股份有限公司 | 显示逻辑系统设计的文档的方法及相关设备 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN106021557A (zh) | 一种图片加载方法和装置 | |
CN105549819B (zh) | 后台应用信息的显示方法及装置 | |
CN106572249A (zh) | 一种区域放大方法及装置 | |
CN105915623A (zh) | 应用安装包处理装置及方法 | |
CN106097952A (zh) | 一种终端显示屏分辨率调整方法和终端 | |
CN105718200A (zh) | 基于压力传感器的页面切换装置、方法及终端 | |
CN105975545A (zh) | 一种终端控制方法及终端 | |
CN105812244A (zh) | 一种消息显示方法和终端 | |
CN105302864A (zh) | 根据屏幕分辨率加载图片的装置和方法 | |
CN105975052A (zh) | 屏幕切换方法及装置 | |
CN106874097A (zh) | 一种终端屏幕的分屏显示方法及装置 | |
CN109040370A (zh) | 一种指纹识别方法、终端及计算机可读存储介质 | |
CN107092418A (zh) | 操作应用悬浮窗口的终端及方法 | |
CN106406733A (zh) | 防误触终端及方法 | |
CN106384033A (zh) | 一种终端屏幕灭屏的方法及装置 | |
CN106791149A (zh) | 一种移动终端和控制屏幕的方法 | |
CN106376004A (zh) | 一种信息处理方法及终端 | |
CN106447595A (zh) | 一种分布式图像图形的渲染方法及终端 | |
CN105516471A (zh) | 一种自接收信息的展示装置和展示方法 | |
CN106293390A (zh) | 基于双屏终端的局部图片提取装置及方法 | |
CN106775413A (zh) | 一种控制方法及终端 | |
CN106569670A (zh) | 处理应用的装置及方法 | |
CN106371737A (zh) | 一种应用程序的关闭方法及系统 | |
CN100452039C (zh) | 网页数据显示的转换方法以及系统 | |
CN106998487A (zh) | 图像处理方法、装置及移动终端 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20161012 |