一种基于网站的图片显示方法及装置制造方法

文档序号:6525654阅读:100来源:国知局
一种基于网站的图片显示方法及装置制造方法
【专利摘要】本发明公开了一种基于网站的图片显示方法及装置,用来解决现有技术中存在的由于网站焦点图都处于固定状态,从而影响焦点图的呈现效果的问题。该方法为:接收客户端的服务请求;根据客户端当前使用的分辨率,得到客户端的浏览窗口当前的显示宽度;根据网页页面的标识获取相应的网页页面,确定网页页面的宽度,以及确定网页页面中焦点图片的大小;计算浏览窗口当前的显示宽度与网页页面的宽度的比值;根据比值对焦点图片的大小进行调整,并将包含有调整后的焦点图片的网页页面发往客户端进行呈现。通过根据客户端的浏览窗口、以及客户端当前使用的分辨率调整网页图片的大小,保证了焦点图的呈现效果。
【专利说明】—种基于网站的图片显示方法及装置
【技术领域】
[0001]本发明涉及网络多媒体播放领域,尤其涉及一种基于网站的图片显示方法及装置。
【背景技术】
[0002]网络作为科技发展的产物,也是信息时代的标志。人类随着网络通信的普及和发展,进入了信息时代。网络越来越强烈的接入我们的生活,网络通过各种类型的网站将信息传播出去。
[0003]目前,网站中出现了一种新的信息展现形式一网站焦点图。网站焦点图即在网站的特定的位置展现一张图片或多张图片。通常网站焦点图都在网站首页版面或频道首页版面的最明显的位置,用图片组合播放的形式,播放焦点新闻图片。
[0004]网站的焦点图比一般的文字性的信息更有视觉吸引性,容易引起访问者的点击。据统计,网站焦点图的点击率明显高于纯文字信息的点击率。
[0005]然而,现有技术中,无论终端采用何种分辨率,网站均提供相同尺寸的焦点图,这样,会影响焦点图的呈现效果。
[0006]例如,若终端采用较高分辨率,则网站所提供的焦点图在终端进行呈现时,可能会由于焦点图过小而导致用户无法看清焦点图。
[0007]又例如,若终端采用较低分辨率,则网站所提供的焦点图在终端进行呈现时,可能会由于焦点图过大而导致终端无法呈现完整的焦点图。
[0008]无论上述哪一种情况,均会影响焦点图的呈现效果。

【发明内容】

[0009]本发明实施例提供一种基于网站的图片显示方法及装置,用以解决现有技术中存在的由于网站焦点图都处于固定状态,从而影响焦点图的呈现效果的问题。
[0010]本发明实施例提供的具体技术方案如下:
[0011]第一方面,一种基于网站的图片显示方法,包括:
[0012]接收客户端的服务请求,该服务请求中携带有所述客户端当前使用的分辨率,以及所述客户端请求访问的网页页面的标识;
[0013]根据所述客户端当前使用的分辨率,得到所述客户端的浏览窗口当前的显示宽度;
[0014]根据所述网页页面的标识确定相应的网页页面,并确定所述网页页面的宽度,以及确定焦点图片在所述网页页面中占用的区域大小;
[0015]计算所述浏览窗口当前的显示宽度与所述网页页面的宽度的比值;
[0016]根据所述比值对所述焦点图片在所述网页页面中占用的区域大小进行调整,并将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现。
[0017]通过这种方法,根据客户端的浏览窗口、以及客户端当前使用的分辨率调整网页图片的大小,可以在客户端采用较高分辨率时放大焦点图,进而看清楚焦点图,在客户端采用较低分辨率时缩小焦点图,进而可以在网页中呈现完整的焦点图,最终保证了焦点图的呈现效果。
[0018]结合第一方面,在第一种可能的实现方式中,根据所述客户端当前使用的分辨率,得到所述客户端的浏览窗口当前的显示宽度,包括:
[0019]若所述浏览窗口为最大化浏览窗口,则根据所述客户端当前使用的分辨率,得到所述浏览窗口当前的显示宽度;
[0020]若所述浏览窗口为非最大化浏览窗口,则根据所述客户端当前使用的分辨率以及所述客户端发送的浏览窗口调整信息,得到所述浏览窗口当前的显示宽度。
[0021]通过这种方式,可以在根据浏览窗口的大小调整网页中的焦点图的大小。
[0022]结合第一方面的第一种可能的实现方式,在第二种可能的实现方式中,所述客户端发送的浏览窗口调整信息中携带所述浏览窗口当前显示宽度与所述当前使用的分辨率所能支持的最大化的浏览窗口显示宽度之比。
[0023]通过这种方式,可以确定客户端的浏览窗口的大小。
[0024]结合第一方面或第一方面的第一种或第二种可能的实现方式,在第三种可能的实现方式中,根据所述比值对所述焦点图片在所述网页页面中占用的区域大小进行调整,包括:
[0025]将所述焦点图片在所述网页页面中占用的区域高度与所述比值的积,作为所述焦点图片的目标闻度;
[0026]将所述焦点图片在所述网页页面中占用的区域宽度与所述比值的积,作为所述焦点图片的目标览度;
[0027]判定所述目标高度大于等于预设的高度阈值,且所述目标宽度大于等于预设的宽度阈值时,按照所述目标高度和所述目标宽度对所述焦点图片进行调整;
[0028]判定所述目标高度小于预设的高度阈值,或所述目标宽度小于预设的宽度阈值时,按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整。
[0029]通过这种方式,可以确定焦点图片的目标高度、目标宽度。
[0030]结合第一方面的第三种可能的实现方式,在第四种可能的实现方式中,若所述焦点图片的个数大于1,则按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整,在将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现之前,还包括:
[0031]判定调整后的各个焦点图片之间存在重叠部分时,对各个焦点图片的边缘进行相应裁剪。
[0032]通过这种方式,可以保证网页中的所有焦点图片的大小调整后保证呈现时不存在
重叠部分。
[0033]第二方面,一种基于网站的图片显示装置,包括:
[0034]接收单元,用于接收客户端的服务请求,该服务请求中携带有所述客户端当前使用的分辨率,以及所述客户端请求访问的网页页面的标识;
[0035]处理单元,用于根据所述客户端当前使用的分辨率,得到所述客户端的浏览窗口当前的显示宽度;
[0036]确定单元,用于根据所述网页页面的标识确定相应的网页页面,并确定所述网页页面的宽度,以及确定焦点图片在所述网页页面中占用区域大小;
[0037]计算单元,用于计算所述浏览窗口当前的显示宽度与所述网页页面的宽度的比值;
[0038]运行单元,用于根据所述比值对所述焦点图片在所述网页页面中占用区域大小进行调整,并将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现。
[0039]这样,根据客户端的浏览窗口、以及客户端当前使用的分辨率调整网页图片的大小,可以使基于网站的图片显示装置在客户端采用较高分辨率时放大焦点图,进而看清楚焦点图,在客户端采用较低分辨率时缩小焦点图,进而可以在网页中呈现完整的焦点图,最终保证了焦点图的呈现效果。
[0040]结合第二方面,在第一种可能的实现方式中,所述处理单元,具体用于:
[0041 ] 若所述浏览窗口为最大化浏览窗口,则根据所述客户端当前使用的分辨率,得到所述浏览窗口当前的显示宽度;
[0042]若所述浏览窗口为非最大化浏览窗口,则根据所述客户端当前使用的分辨率以及所述客户端发送的浏览窗口调整信息,得到所述浏览窗口当前的显示宽度。
[0043]这样,基于网站的图片显示装置可以在根据浏览窗口的大小调整网页中的焦点图的大小。
[0044]结合第二方面的第一种可能的实现方式,在第二种可能的实现方式中,所述客户端发送的浏览窗口调整信息中携带所述浏览窗口当前显示宽度与所述当前使用的分辨率所能支持的最大化的浏览窗口显示宽度之比。
[0045]这样,可以确定客户端的浏览窗口的大小。
[0046]结合第二方面或第二方面的第一种或第二种可能的实现方式,在第三种可能的实现方式中,所述运行单元具体用于:
[0047]将所述焦点图片在所述网页页面中占用的区域高度与所述比值的积,作为所述焦点图片的目标闻度;
[0048]将所述焦点图片在所述网页页面中占用的区域宽度与所述比值的积,作为所述焦点图片的目标览度;
[0049]判定所述目标高度大于等于预设的高度阈值,且所述目标宽度大于等于预设的宽度阈值时,按照所述目标高度和所述目标宽度对所述焦点图片进行调整;
[0050]判定所述目标高度小于预设的高度阈值,或所述目标宽度小于预设的宽度阈值时,按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整。
[0051]这样,运行单元可以确定焦点图片的目标高度、目标宽度。
[0052]结合第二方面的第三种可能的实现方式,在第四种可能的实现方式中,若所述焦点图片的个数大于I时,所述运行单元还用于:
[0053]在按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整之后,在将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现之前,判定调整后的各个焦点图片之间存在重叠部分时,对各个焦点图片的边缘进行相应裁剪。
[0054]通过这种方式,可以保证网页中的所有焦点图片的大小调整后保证呈现时不存在
重叠部分。
[0055]采用本发明技术方案,根据客户端的浏览窗口、以及客户端当前使用的分辨率调整网页图片的大小,可以使在客户端采用较高分辨率时放大焦点图,进而看清楚焦点图,在客户端采用较低分辨率时缩小焦点图,进而可以在网页中呈现完整的焦点图,最终保证了焦点图的呈现效果。
【专利附图】

【附图说明】
[0056]图1为本发明实施例提供的一种基于网站的图片显示方法的具体流程图;
[0057]图2为本发明实施例提供的一种基于网站的图片显示装置的示意图。
【具体实施方式】
[0058]采用本发明技术方案,能够有效的避免现有技术中存在的由于网站焦点图都处于固定状态,从而影响焦点图的呈现效果的问题。
[0059]本发明实施例提供了一种基于网站的图片显示方法,下面结合附图对本发明优选的实施方式进行详细说明。
[0060]参阅图1所示,本实施例提供的一种基于网站的图片显示方法,可以应用于各类网站的服务器设备,该各类网站的服务器设备显示网站图片的具体流程包括:
[0061]步骤101:接收客户端的服务请求,该服务请求中携带有该客户端当前使用的分辨率,以及该客户端请求访问的网页页面的标识。
[0062]当用户欲访问某个网站时,客户端需要向该网站的服务器设备发出服务请求,月艮务其中携带该客户端当前使用的分辨率、客户端请求访问的网页页面的标识。
[0063]客户端类型有很多,例如电脑、平板、智能手机等,客户端类型不同,对应的分辨率不同,而且一个客户端可以设置不同的分辨率,例如电脑,可以设置为1024*768,或者1280*1024 等。
[0064]每个网页都有特定的网页页面的标识用以从同类型网页中区分出来,其中,该网页页面的标识可以为该网页页面的地址。
[0065]步骤102:根据客户端当前使用的分辨率,得到该客户端的浏览窗口当前的显示览度。
[0066]具体的,根据客户端当前使用的分辨率,得到该客户端的浏览窗口当前的显示宽度,包括:
[0067]若该浏览窗口为最大化浏览窗口,则根据该客户端当前使用的分辨率,得到该浏览窗口当前的显示宽度;
[0068]若该浏览窗口为非最大化浏览窗口,则根据该客户端当前使用的分辨率以及该客户端发送的浏览窗口调整信息,得到该浏览窗口当前的显示宽度。
[0069]其中,该客户端发送的浏览窗口调整信息中可以携带该浏览窗口当前显示宽度与当前使用的分辨率所能支持的最大化的浏览窗口显示宽度之比,该客户端发送的浏览窗口调整信息中还可以携带该浏览窗口当前显示宽度。
[0070]在不同的应用场景中,服务器接收客户端发送的浏览窗口调整信息的方式也不同,例如,若浏览窗口打开时即为非最大化浏览窗口,则客户端在向服务器发送服务请求时,在服务请求中携带浏览窗口调整信息;再例如,浏览窗口打开为最大化窗口,但是,在后期用户又对该浏览窗口进行了大小调整,则调整后,客户端向服务器发送浏览窗口调整信息;还例如,服务器接收客户端发送的服务请求后,服务器向客户端发出调整信息请求,然后客户端根据该调整信息请求,向服务器发送浏览窗口调整信息。若服务器没有接收到客户端发送的浏览窗口调整信息,则表明客户端浏览窗口为最大化浏览窗口。
[0071]若该浏览窗口为最大化浏览窗口,则该浏览窗口当前的显示宽度即为该客户端当前使用的分辨率的所有横向像素的累积宽度,例如,该客户端当前使用的分辨率为1280*1024,则该浏览窗口当前的显示宽度为1280个像素点的累积宽度。
[0072]若该浏览窗口为非最大化浏览窗口,则该浏览窗口当前的显示宽度即为该客户端当前使用的分辨率的所有横向像素的累积宽度与调整信息中的该浏览窗口当前显示宽度相对于最大化的浏览窗口显示宽度的比例的乘积。例如,该客户端当前使用的分辨率为1280*1024,且调整信息中携带的浏览窗口当前显示宽度相对于最大化的浏览窗口显示宽度的比例为50%,则该浏览窗口当前的显示宽度为1280个像素点的累积宽度*50%,即为640个像素点的累积宽度。
[0073]步骤103:根据网页页面的标识确定相应的网页页面,并确定该网页页面的宽度,以及确定焦点图片在该网页页面中占用的区域大小。
[0074]服务器可以根据客户端的服务请求中携带的客户端请求访问的网页页面的标识获取相应的网页页面,并确定在服务器侧该网页页面的宽度,以及确定焦点图片在该网页页面中占用的区域大小。
[0075]步骤104:计算浏览窗口当前的显示宽度与网页页面的宽度的比值。
[0076]具体的,该比值=浏览窗口当前的显示宽度/网页页面的宽度。
[0077]步骤105:根据比值对焦点图片在网页页面中占用的区域大小进行调整,并将包含有调整后的焦点图片的网页页面发往客户端进行呈现。
[0078]具体的,根据比值对焦点图片在网页页面中占用的区域大小进行调整,包括:
[0079]将该焦点图片在该网页页面中占用的区域高度与该比值的积,作为该焦点图片的目标高度;
[0080]将该焦点图片在该网页页面中占用的区域宽度与该比值的积,作为该焦点图片的目标宽度;
[0081]判定该目标高度大于等于预设的高度阈值,且该目标宽度大于等于预设的宽度阈值时,按照该目标高度和该目标宽度对该焦点图片进行调整;
[0082]判定该目标高度小于预设的高度阈值,或该目标宽度小于预设的宽度阈值时,按照该高度阈值和该宽度阈值对所述焦点图片进行调整。
[0083]由于在一般情况下,网页页面中会出现一个焦点图片,因此高度阈值与宽度阈值是根据该焦点图片的宽度与高度的比例设置的。即使网页页面中出现多个焦点图片,其焦点图片的大小均相同,因此高度阈值与宽度阈值也是根据宽度与高度的比例设置的,因此一般情况下当目标高度小于高度阈值时,目标宽度也小于宽度阈值。
[0084]这样,设置焦点图片的高度阈值和宽度阈值,为了在缩小焦点图片时,避免焦点图片缩的过小,影响用户的观看。
[0085]若焦点图片的个数大于1,则按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整之后,在将包含有调整后的焦点图片的网页页面发往客户端进行呈现之前,还包括:[0086]判定根据该比值调整后的各个焦点图片之间存在重叠部分时,对各个焦点图片的边缘进行相应裁剪。
[0087]具体的,根据各个焦点图片之间存在的重叠部分的宽度或高度,对各个焦点图片的宽度或高度剪裁重叠部分(即焦点图片的边缘)的宽度或高度,并对各个焦点图片的高度或宽度按照剪裁的宽度或高度、焦点图片的宽度与高度的比例进行裁剪。例如,两个宽度为8cm,高度为4cm的焦点图片(左右并排)重叠了 2cm,即重叠部分的宽度为2cm,将每个焦点图片的左边缘剪裁1cm,右边缘剪裁1cm,两个焦点图片的宽与高的比例为2(8cm/4cm=0.5),因此,两个焦点图片上边缘和下边缘剪裁0.5cm (lcm/2=0.5cm)。
[0088]例如,用户采用分辨率为800*640的客户端访问某个网页,基于网站的图片显示方法的具体流程为:服务器接收客户端发出服务请求,其中,服务请求中携带了客户端的分辨率800*640,以及客户端请求访问的网页页面的标识(如网页地址);服务器未收到客户端发出的浏览窗口调整信息,表明当前的浏览窗口为最大化浏览窗口,则可以根据服务请求中携带的客户端的分辨率确定客户端的浏览窗口当前显示宽度为800个像素的累积宽度;根据该网页地址获取相应的网页页面,确定该网页页面的宽度为1024个像素点的累积宽度,并确定该网页页面的两个焦点图片的大小X*Y,Μ*Ν;计算浏览窗口当前的显示宽度与网页页面的宽度的比值为0.78(800/1024=0.78);根据0.78对两个焦点图片的大小进行调整,调整后的两个焦点图片的大小为0.78Χ*0.78Υ,0.78Μ*0.78Ν,确定两个焦点图片的目标宽度小于预设的宽度阈值,按照预设的宽度阈值和高度阈值对两个焦点图片进行调整;判定两个焦点图片之间存在重叠,例如,当两个焦点图片为横向排列,则判断两倍的宽度阈值与第一个焦点图片的最左端和第二个焦点图片的最右端之间距离的大小,判定两倍的宽度阈值大于第一个焦点图片的最左端和第二个焦点图片的最右端之间距离,则判定调整后的两个焦点图片之间存在重叠部分,对各个焦点图片的大小进行重新调整,根据焦点图片之间的重叠部分,对各个焦点图片的边缘进行相应裁剪,继续判断两个焦点图片之间是否存在重叠,判定两个焦点图片之间不存在重叠部分,将包含有调整后的焦点图片的网页页面发往客户端进行呈现。
[0089]基于上述实施例,参阅图2所示,本发明实施例还提供了一种基于网站的图片显示装置,具体包括:接收单元201、处理单元202、确定单元203、计算单元204以及运行单元205,其中
[0090]接收单元201,用于接收客户端的服务请求,该服务请求中携带有该客户端当前使用的分辨率,以及该客户端请求访问的网页页面的标识;
[0091]处理单元202,用于根据该客户端当前使用的分辨率,得到该客户端的浏览窗口当前的显示宽度;
[0092]确定单元203,用于根据该网页页面的标识确定相应的网页页面,并确定该网页页面的宽度,以及确定焦点图片在该网页页面中占用区域大小;
[0093]计算单元204,用于计算该浏览窗口当前的显示宽度与该网页页面的宽度的比值;
[0094]运行单元205,用于根据该比值对该焦点图片在该网页页面中占用区域大小进行调整,并将包含有调整后的焦点图片的网页页面发往该客户端进行呈现。
[0095]处理单元202,具体用于:[0096]若浏览窗口为最大化浏览窗口,则根据客户端当前使用的分辨率,得到该浏览窗口当前的显示宽度;
[0097]若浏览窗口为非最大化浏览窗口,则根据客户端当前使用的分辨率以及该客户端发送的浏览窗口调整信息,得到该浏览窗口当前的显示宽度。
[0098]客户端发送的浏览窗口调整信息中携带该浏览窗口当前显示宽度相对于在当前使用的分辨率所能支持的最大化的浏览窗口显示宽度的比例。
[0099]运行单元205具体用于:
[0100]将焦点图片在网页页面中占用的区域高度与该比值的积,作为焦点图片的目标高度;
[0101]将焦点图片在网页页面中占用的区域宽度与该比值的积,作为焦点图片的目标宽度;
[0102]判定目标高度大于等于预设的高度阈值,且目标宽度大于等于预设的宽度阈值时,按照该目标高度和该目标宽度对焦点图片进行调整;
[0103]判定目标高度小于预设的高度阈值,或目标宽度小于预设的宽度阈值时,按照该高度阈值和该宽度阈值对焦点图片进行调整。
[0104]若焦点图片的个数大于I时,运行单元205还用于:
[0105]在按照高度阈值和宽度阈值对焦点图片进行调整之后,在将包含有调整后的焦点图片的网页页面发往客户端进行呈现之前,判定调整后的各个焦点图片之间存在重叠部分时,按照该高度阈值和该宽度阈值对该焦点图片的边缘进行裁剪。
[0106]综上所述,本发明实施例提供了一种基于网站的图片显示方法及装置,即接收客户端的服务请求,该服务请求中携带有所述客户端当前使用的分辨率,以及所述客户端请求访问的网页页面的标识;根据客户端当前使用的分辨率,得到客户端的浏览窗口当前的显示宽度;根据网页页面的标识获取相应的网页页面,确定网页页面的宽度,以及确定网页页面中焦点图片的大小;计算浏览窗口当前的显示宽度与网页页面的宽度的比值;根据比值对焦点图片的大小进行调整,并将包含有调整后的焦点图片的网页页面发往客户端进行呈现。通过根据客户端的浏览窗口、以及客户端当前使用的分辨率调整网页图片的大小,可以在客户端采用较高分辨率时放大焦点图,进而看清楚焦点图,在客户端采用较低分辨率时缩小焦点图,进而可以在网页中呈现完整的焦点图,最终保证了焦点图的呈现效果。
[0107]尽管已描述了本发明的优选实施例,但本领域内的技术人员一旦得知了基本创造性概念,则可对这些实施例做出另外的变更和修改。所以,所附权利要求意欲解释为包括优选实施例以及落入本发明范围的所有变更和修改。
[0108]显然,本领域的技术人员可以对本发明实施例进行各种改动和变型而不脱离本发明实施例的精神和范围。这样,倘若本发明实施例的这些修改和变型属于本发明权利要求及其等同技术的范围之内,则本发明也意图包含这些改动和变型在内。
【权利要求】
1.一种基于网站的图片显示方法,其特征在于,包括: 接收客户端的服务请求,该服务请求中携带有所述客户端当前使用的分辨率,以及所述客户端请求访问的网页页面的标识; 根据所述客户端当前使用的分辨率,得到所述客户端的浏览窗口当前的显示宽度;根据所述网页页面的标识确定相应的网页页面,并确定所述网页页面的宽度,以及确定焦点图片在所述网页页面中占用的区域大小; 计算所述浏览窗口当前的显示宽度与所述网页页面的宽度的比值; 根据所述比值对所述焦点图片在所述网页页面中占用的区域大小进行调整,并将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现。
2.如权利要求1所述的方法,其特征在于,根据所述客户端当前使用的分辨率,得到所述客户端的浏览窗口当前的显示宽度,包括: 若所述浏览窗口为最大化浏览窗口,则根据所述客户端当前使用的分辨率,得到所述浏览窗口当前的显示宽度; 若所述浏览窗口为非最大化浏览窗口,则根据所述客户端当前使用的分辨率以及所述客户端发送的浏览窗口调整信息,得到所述浏览窗口当前的显示宽度。
3.如权利要求2所述的方法,其特征在于,所述客户端发送的浏览窗口调整信息中携带所述浏览窗口当前显示宽度与所述当前使用的分辨率所能支持的最大化的浏览窗口显示宽度之比。
4.如权利要求1、2或3所述的方法,其特征在于,根据所述比值对所述焦点图片在所述网页页面中占用的区域大小进行调整,包括:` 将所述焦点图片在所述网页页面中占用的区域高度与所述比值的积,作为所述焦点图片的目标闻度; 将所述焦点图片在所述网页页面中占用的区域宽度与所述比值的积,作为所述焦点图片的目标宽度; 判定所述目标高度大于等于预设的高度阈值,且所述目标宽度大于等于预设的宽度阈值时,按照所述目标高度和所述目标宽度对所述焦点图片进行调整; 判定所述目标高度小于预设的高度阈值,或所述目标宽度小于预设的宽度阈值时,按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整。
5.如权利要求4所述的方法,其特征在于,若所述焦点图片的数目大于1,则按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整之后,在将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现之前,还包括: 判定调整后的各个焦点图片之间存在重叠部分时,对各个焦点图片的边缘进行相应裁剪。
6.一种基于网站的图片显示装置,其特征在于,包括: 接收单元,用于接收客户端的服务请求,该服务请求中携带有所述客户端当前使用的分辨率,以及所述客户端请求访问的网页页面的标识; 处理单元,用于根据所述客户端当前使用的分辨率,得到所述客户端的浏览窗口当前的显不览度; 确定单元,用于根据所述网页页面的标识确定相应的网页页面,并确定所述网页页面的宽度,以及确定焦点图片在所述网页页面中占用区域大小; 计算单元,用于计算所述浏览窗口当前的显示宽度与所述网页页面的宽度的比值; 运行单元,用于根据所述比值对所述焦点图片在所述网页页面中占用区域大小进行调整,并将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现。
7.如权利要求6所述的装置,其特征在于,所述处理单元,具体用于: 若所述浏览窗口为最大化浏览窗口,则根据所述客户端当前使用的分辨率,得到所述浏览窗口当前的显示宽度; 若所述浏览窗口为非最大化浏览窗口,则根据所述客户端当前使用的分辨率以及所述客户端发送的浏览窗口调整信息,得到所述浏览窗口当前的显示宽度。
8.如权利要求7所述的装置,其特征在于,所述客户端发送的浏览窗口调整信息中携带所述浏览窗口当前显示宽度与所述当前使用的分辨率所能支持的最大化的浏览窗口显示宽度之比。
9.如权利要求6、7或8所述的装置,其特征在于,所述运行单元具体用于: 将所述焦点图片在所述网页页面中占用的区域高度与所述比值的积,作为所述焦点图片的目标闻度; 将所述焦点图片在所述网页页面中占用的区域宽度与所述比值的积,作为所述焦点图片的目标宽度; 判定所述目标高度大于等于预设的高度阈值,且所述目标宽度大于等于预设的宽度阈值时,按照所述目标高度和所述目标宽度对所述焦点图片进行调整; 判定所述目标高度小于预设的高度阈值,或所述目标宽度小于预设的宽度阈值时,按照所述高度阈值和所述宽度阈`值对所述焦点图片进行调整。
10.如权利要求9所述的装置,其特征在于,若所述焦点图片的个数大于I时,所述运行单元还用于: 在按照所述高度阈值和所述宽度阈值对所述焦点图片进行调整之后,在将包含有调整后的焦点图片的网页页面发往所述客户端进行呈现之前,判定调整后的各个焦点图片之间存在重叠部分时,对各个焦点图片的边缘进行相应裁剪。
【文档编号】G06F3/14GK103677720SQ201310728120
【公开日】2014年3月26日 申请日期:2013年12月25日 优先权日:2013年12月25日
【发明者】张博, 李时斌, 吴海波 申请人:乐视网信息技术(北京)股份有限公司
网友询问留言 已有0条留言
  • 还没有人留言评论。精彩留言会获得点赞!
1