CN100489852C - 对像册中显示图片进行切换的***及方法 - Google Patents
对像册中显示图片进行切换的***及方法 Download PDFInfo
- Publication number
- CN100489852C CN100489852C CNB2006100340973A CN200610034097A CN100489852C CN 100489852 C CN100489852 C CN 100489852C CN B2006100340973 A CNB2006100340973 A CN B2006100340973A CN 200610034097 A CN200610034097 A CN 200610034097A CN 100489852 C CN100489852 C CN 100489852C
- Authority
- CN
- China
- Prior art keywords
- picture
- display field
- picture display
- thumbnail
- control
- 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.)
- Active
Links
Images
Landscapes
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开了一种对像册中显示图片进行切换的***,包括存储多张按顺序排列的图片的存储装置以及用于显示一张完整图片的图片显示域,所述图片显示域包括第一部分和第二部分,显示域包括有触发后使图片显示域显示当前图片的前一图片的第一控件以及触发后使图片显示域显示当前图片的后一图片的第二控件,所述第一控件通过点击第一部分触发,所述第二控件通过点击第二部分触发。本发明还提供一种对应的对像册中显示图片进行切换的方法。本发明的对像册中显示图片进行切换的***及方法,通过在图片显示域设置第一控件和第二控件,实现了相册中前后图片的浏览,方便了相册中图片的浏览。
Description
技术领域
本发明涉及计算机图像显示技术,更具体地说,涉及一种对像册中显示图片进行切换的***及方法。
背景技术
在目前互联网高速发展的过程中,涌现了许多新的技术,从而带来了许多新的业务。例如随着web2.0的发展,出现了以个人为中心的网络个人空间业务,并且该类网络个人空间业务发展迅速,在短短的几个月内就已经发展到千万级用户。像册业务作为网络空间业务一个重要的组成部分,对其整体价值和用户的吸引力有着很大贡献,并且在网络空间功能的调查分析上,用户对像册的使用度和喜爱程度都高于其他同类产品。
现有的像册都是定位在照片的存储和浏览上,一般包括像册图片的缩略图显示模式以及单张图片显示模式。而多数像册的各显示模式都是采用纯网页技术来实现的,即采用JavaScript实现。在像册的单张图片显示模式下,在顺序排列的像册图片进行前后照片切换时,都通过位于图像显示区域外部网页上的“上一张”和“下一张”按钮或链接(或类似按钮)实现。然而由JavaScript实现的控件在使用时不够人性化,与用户的交互较差。此外,由于必须在网页上显示切换控件,因此也减小了图片的显示空间。
此外,还有一类像册,其显示包括管理模式和浏览模式。该类像册的主要功能也是通过JavaScript和控件来实现的。该类像册在管理模式下显示的每张图片的缩略图,并支持相片的移动和删除的批量处理;在浏览模式下,采用JavaScript实现动态浏览,并且在上一张和下一张图片的切换也采用JavaScript实现。同样,该类像册的控件在使用时不够人性化,与用户的交互较差。此外也减小了图片的显示空间。
发明内容
本发明要解决的技术问题在于,针对上述现有的切换像册中图片时交互性差的缺陷,提供一种对像册中显示图片进行切换的***及方法。
本发明解决其技术问题所采用的技术方案是:构造一种对像册中显示图片进行切换的***,包括存储多张按顺序排列的图片的存储装置以及用于显示一张完整图片的图片显示域,所述图片显示域包括第一部分和第二部分,所述第一部分和第二部分覆盖整个图片显示域,所述图片显示域还包括有触发后使图片显示域显示当前图片的前一图片的第一控件以及触发后使图片显示域显示当前图片的后一图片的第二控件,所述第一控件通过点击第一部分触发,所述第二控件通过点击第二部分触发。
在本发明所述的对像册中显示图片进行切换的***中,所述存储装置包括有存储有完整图片和与所述完整图片一一对应的缩略图,所述第一控件或第二控件触发后图片显示域首先将缩略图的尺寸放大后显示于图片显示域、并在对应的完整图片传送到图片显示域时在图片显示域显示完整图片。
在本发明所述的对像册中显示图片进行切换的***中,所述存储装置包括有存储缩略图的缩略图文件服务器、存储完整图片的完整图文件服务器以及存储相册数据的页面服务器,所述相册数据包括有缩略图地址、完整图片地址。
在本发明所述的对像册中显示图片进行切换的***中,还包括有解析来自所述页面服务器数据的数据解析模块,所述数据解析模块根据第一控件或第二控件被触发后从页面服务器获取对应缩略图和完整图的地址。
在本发明所述的对像册中显示图片进行切换的***中,还包括有缩略图显示模块和完整图显示模块,分别用于根据缩略图和完整图的地址从缩略图服务器和完整图文件服务器获取缩略图和完整图并在图片显示域显示。
在本发明所述的对像册中显示图片进行切换的***中,所述第一部分覆盖图片显示域的左半侧且所述第二部分覆盖图片显示域的右半侧,或者所述第一部分覆盖图片显示域的上半侧且所述第二部分覆盖图片显示域的下半侧。
本发明还提供一种对像册中显示图片进行切换的方法,所述相册包括有多张按顺序排列的图片并存储于存储装置中,并通过图片显示域来显示所述相册中的图片,包括以下步骤:
(a)根据鼠标光标在图片显示域的位置判断是第一控件被触发还是第二控件被触发,所述第一控件通过点击图片显示域的第一部分触发,所述第二控件通过点击图片显示域的第二部分触发;
(b)若第一控件被触发,则使图片显示域显示当前图片的前一图片;若第二控件被触发,则使图片显示域显示当前图片的后一图片。
在本发明所述的对像册中显示图片进行切换的方法中,所述第一部分覆盖图片显示域的左半侧且所述第二部分覆盖图片显示域的右半侧,或者所述第一部分覆盖图片显示域的上半侧且所述第二部分覆盖图片显示域的下半侧。
在本发明所述的对像册中显示图片进行切换的方法中,所述步骤(b)中,若第一控件被触发,包括:
(b1)获取当前图片的前一图片的地址,
(b2)将从对应地址获取的图片显示于图片显示域。
在本发明所述的对像册中显示图片进行切换的方法中,所述步骤(b1)包括通过数据解析模块从页面服务器获取当前图片的前一图片的缩略图地址和完整图地址的步骤。
在本发明所述的对像册中显示图片进行切换的方法中,所述步骤(b2)包括:
(b21)缩略图显示模块根据缩略图地址获取缩略图并将缩略图放大后在图片显示域显示;
(b22)完整图显示模块根据完整图地址获取完整图并将完整图代替缩略图在图片显示域显示。
本发明的对像册中显示图片进行切换的***及方法,通过在图片显示域设置第一控件和第二控件,实现了相册中前后图片的浏览,方便了相册中图片的浏览。此外,本发明避免了在图片显示域外设置控件,从而占用并减小图片的显示空间。
附图说明
下面将结合附图及实施例对本发明作进一步说明,附图中:
图1是本发明对像册中显示图片进行切换的***的第一实施例的框图;
图2是本发明对像册中显示图片进行切换的***的第二实施例的框图;
图3是本发明对像册中显示图片进行切换的方法的切换流程图;
图4是图3中显示切换后图片的流程图。
具体实施方式
如图1所示,在本发明的对像册中显示图片进行切换的***第一实施例中,包括存储相册的存储装置12以及用于显示完整图片的图片显示域11,所述相册中包括有多张按顺序排列的图片。在本实施例中,存储装置12可位于远端的文件服务器或本地存储单元,而图片显示域11则位于终端显示装置(例如个人电脑、图像浏览器、PDA等)的图像显示工具或WEB页面中。
图片显示域11用于显示一张完整的、具有较高质量的图片,该图片显示域通常占据文件窗口(例如WEB页面)的全部区域或大部分区域。在本实施例中,图片显示区域11包括第一部分和第二部分(图中未示出),所述第一部分覆盖图片显示域11的左半侧且所述第二部分覆盖图片显示域11的右半侧。当然,图片显示区域11中的第一部分和第二部分也可通过以下方式分布:第一部分覆盖图片显示域11的上半侧且第二部分覆盖图片显示域11的下半侧。当然,第一部分和第二部分也可通过其他方式分布。
在图片显示域11中包括有触发后使图片显示域11显示当前图片的前一图片的第一控件111以及触发后使图片显示域11显示当前图片的后一图片的第二控件112。在本实施例中,第一控件111通过在图片显示域的第一部分点击而触发,第二控件112则通过在图片显示域11的第二部分点击而触发。第一控件111/第二控件112触发后,图片显示域11从存储装置12获取当前显示图片的前/后一图片并显示。
为避免在图片切换过程中,图片显示域11出现空白的情况,可在存储装置12中存储多张完整图片以及与完整图片一一对应的缩略图。第一控件111或第二控件112触发后图片显示域首先从存储装置12获取缩略图(由于缩略图数据量较小,因此较早到达图片显示域11),并将缩略图的尺寸放大后显示于图片显示域11。而在对应的完整图片传送到图片显示域11时,使图片显示域11显示完整图片。
为了便于操作和维护,可通过设置独立功能的模块来简化图1中模块的功能,如图2所示。在本发明的对像册中显示图片进行切换的***第一实施例中,与图1中的存储装置12对应的存储单元包括有存储缩略图的缩略图文件服务器222、存储完整图片的完整图文件服务器223以及存储相册数据的页面服务器221,所述相册数据包括有缩略图地址、完整图片地址。此外,页面服务器221中还可包括相册的静态数据、照片评论等信息,从而可在图片显示域21中显示特殊效果以及照片评论等指定信息。
在本实施例中,图片显示端除了图片显示域21外,还包括有解析来自页面服务器221数据的数据解析模块23、从缩略图文件服务器222获取缩略图并显示的缩略图显示模块24、以及从完整图文件服务器222获取完整图并显示的完整图显示模块24。
数据解析模块23根据第一控件211或第二控件212的指令从页面服务器221获取对应缩略图和完整图的地址并将获取的地址传送到缩略图显示模块24和完整图显示模块25。缩略图显示模块24和完整图显示模块25分别使用获得的缩略图和完整图地址从缩略图文件服务器222和完整图文件服务器223获取缩略图和完整图,并在图片显示域21显示。由于缩略图数据量较小,应此图片显示域21首先显示放大的缩略图,并在完整图数据到达后使用完整图代替放大的缩略图。
如图3所示,为与图1对应的***的相册图片切换的流程图。在本实施例中,相册包括有多张按顺序排列的图片并存储于存储装置12中,并通过图片显示域11来显示所述相册中的图片,包括以下步骤:
步骤S31:在完整图片显示模式下,判断鼠标光标在图片显示域11中被点击时的位置。
步骤S32:根据鼠标光标在图片显示域11的位置判断被触发的控件,若被点击时鼠标光标位于图片显示域11的第一部分,则第一控件111被触发;若被点击时鼠标光标位于图片显示域11的第二部分,则第二控件112被触发。
步骤S34:若第一控件111被触发,则使图片显示域11显示当前图片的前一图片;
步骤S33:若第二控件被触发,则使图片显示域11显示当前图片的后一图片。
在上述方法中,第一部分覆盖图片显示域11的左半侧且第二部分覆盖图片显示域11的右半侧,或者第一部分覆盖图片显示域11的上半侧且第二部分覆盖图片显示域11的下半侧。
如图4所示,在与图2对应的***中,图3中的步骤S33(或步骤S34)进一步包括以下步骤:
步骤S41:第一控件211/第二控件212从获取当前图片的前/后一图片的地址,通过数据解析模块23从页面服务器221获取当前图片的前/后一图片的缩略图地址和完整图地址。
步骤S42:缩略图显示模块24根据缩略图地址从缩略图文件服务器222获取缩略图,并将缩略图放大后在图片显示域21显示。
步骤S43:完整图显示模块25根据完整图地址从完整图文件服务器223获取完整图判断完整图数据是否传输完毕。若完整图数据未传输完毕,则返回步骤S42。
步骤S44:若完整图数据传输完毕,则完整图显示模块25将完整图代替缩略图在图片显示域21显示。
在上述本发明对像册中显示图片进行切换的***及方法中,位于显示端的图片显示域可通过FLASH程序实现,也可使用JavaScript等实现。通过浮动的鼠标光标来实现图片浏览时的切换,方便了图片的浏览,并可增加图片显示域。
以上所述,仅为本发明较佳的具体实施方式,但本发明的保护范围并不局限于此,任何熟悉本技术领域的技术人员在本发明揭露的技术范围内,可轻易想到的变化或替换,都应涵盖在本发明的保护范围之内。因此,本发明的保护范围应该以权利要求的保护范围为准。
Claims (11)
1、一种对像册中显示图片进行切换的***,包括存储多张按顺序排列的图片的存储装置以及用于显示一张完整图片的图片显示域,其特征在于,所述图片显示域包括第一部分和第二部分,所述第一部分和第二部分覆盖整个图片显示域,所述图片显示域还包括有触发后使图片显示域显示当前图片的前一图片的第一控件以及触发后使图片显示域显示当前图片的后一图片的第二控件,所述第一控件通过点击第一部分触发,所述第二控件通过点击第二部分触发。
2、根据权利要求1所述的对像册中显示图片进行切换的***,其特征在于,所述存储装置包括有存储有完整图片和与所述完整图片一一对应的缩略图,所述第一控件或第二控件触发后图片显示域首先将缩略图的尺寸放大后显示于图片显示域、并在对应的完整图片传送到图片显示域时在图片显示域显示完整图片。
3、根据权利要求1或2所述的对像册中显示图片进行切换的***,其特征在于,所述存储装置包括有存储缩略图的缩略图文件服务器、存储完整图片的完整图文件服务器以及存储相册数据的页面服务器,所述相册数据包括有缩略图地址、完整图片地址。
4、根据权利要求3所述的对像册中显示图片进行切换的***,其特征在于,还包括有解析来自所述页面服务器数据的数据解析模块,所述数据解析模块根据第一控件或第二控件被触发后从页面服务器获取对应缩略图和完整图的地址。
5、根据权利要求4所述的对像册中显示图片进行切换的***,其特征在于,还包括有缩略图显示模块和完整图显示模块,分别用于根据缩略图和完整图的地址从缩略图服务器和完整图文件服务器获取缩略图和完整图并在图片显示域显示。
6、根据权利要求1所述的对像册中显示图片进行切换的***,其特征在于,所述第一部分覆盖图片显示域的左半侧且所述第二部分覆盖图片显示域的右半侧,或者所述第一部分覆盖图片显示域的上半侧且所述第二部分覆盖图片显示域的下半侧。
7、一种对像册中显示图片进行切换的方法,所述相册包括有多张按顺序排列的图片并存储于存储装置中,并通过图片显示域来显示所述相册中的图片,其特征在于,包括以下步骤:
(a)根据鼠标光标在图片显示域的位置判断是第一控件被触发还是第二控件被触发,所述第一控件通过点击图片显示域的第一部分触发,所述第二控件通过点击图片显示域的第二部分触发;
(b)若第一控件被触发,则使图片显示域显示当前图片的前一图片;若第二控件被触发,则使图片显示域显示当前图片的后一图片。
8、根据权利要求7所述的对像册中显示图片进行切换的方法,其特征在于,所述第一部分覆盖图片显示域的左半侧且所述第二部分覆盖图片显示域的右半侧,或者所述第一部分覆盖图片显示域的上半侧且所述第二部分覆盖图片显示域的下半侧。
9、根据权利要求7所述的对像册中显示图片进行切换的方法,其特征在于,所述步骤(b)中,若第一控件被触发,包括:
(b1)获取当前图片的前一图片的地址,
(b2)将从对应地址获取的图片显示于图片显示域。
10、根据权利要求9所述的对像册中显示图片进行切换的方法,其特征在于,所述步骤(b1)包括通过数据解析模块从页面服务器获取当前图片的前一图片的缩略图地址和完整图地址的步骤。
11、根据权利要求10所述的对像册中显示图片进行切换的方法,其特征在于,所述步骤(b2)包括:
(b21)缩略图显示模块根据缩略图地址获取缩略图并将缩略图放大后在图片显示域显示;
(b22)完整图显示模块根据完整图地址获取完整图并将完整图代替缩略图在图片显示域显示。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNB2006100340973A CN100489852C (zh) | 2006-03-01 | 2006-03-01 | 对像册中显示图片进行切换的***及方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CNB2006100340973A CN100489852C (zh) | 2006-03-01 | 2006-03-01 | 对像册中显示图片进行切换的***及方法 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN101030202A CN101030202A (zh) | 2007-09-05 |
CN100489852C true CN100489852C (zh) | 2009-05-20 |
Family
ID=38715554
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CNB2006100340973A Active CN100489852C (zh) | 2006-03-01 | 2006-03-01 | 对像册中显示图片进行切换的***及方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN100489852C (zh) |
Families Citing this family (17)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101256467B (zh) * | 2008-02-29 | 2010-06-02 | 鹏智科技(深圳)有限公司 | 一种可体现电子文档翻页效果的电子装置及其方法 |
CN102073667A (zh) * | 2009-11-23 | 2011-05-25 | 鸿富锦精密工业(深圳)有限公司 | 在电子装置中浏览网络相册的方法 |
CN102819422B (zh) * | 2011-06-09 | 2017-07-07 | 腾讯科技(深圳)有限公司 | 通过控件加载远程图片的方法及*** |
CN103164205B (zh) * | 2011-12-15 | 2016-08-24 | 阿里巴巴集团控股有限公司 | 一种轮播效果的切换方法及装置 |
CN103677596A (zh) * | 2012-09-07 | 2014-03-26 | 禾瑞亚科技股份有限公司 | 图形使用者界面的显示方法及使用该方法的电子装置 |
CN103024145B (zh) * | 2012-11-15 | 2014-11-12 | 广东欧珀移动通信有限公司 | 一种移动终端浏览图片的***、方法和移动终端 |
CN103870102B (zh) * | 2012-12-13 | 2017-12-12 | 腾讯科技(武汉)有限公司 | 图片切换方法及装置 |
CN104424657A (zh) * | 2013-09-02 | 2015-03-18 | 北大方正集团有限公司 | 置入图片的方法 |
CN104571784A (zh) * | 2013-10-24 | 2015-04-29 | 中国电信股份有限公司 | 用于阅读漫画的方法、用户终端和*** |
CN104503685A (zh) * | 2014-12-16 | 2015-04-08 | 新余兴邦信息产业有限公司 | 一种相册、网页图片预览的方法及装置 |
CN106156066B (zh) * | 2015-03-30 | 2019-12-13 | 阿里巴巴集团控股有限公司 | 一种页面切换方法、装置及客户端 |
CN105354231B (zh) * | 2015-09-30 | 2021-05-11 | 腾讯科技(深圳)有限公司 | 图片选择方法、装置、图片处理方法和装置 |
CN105843493B (zh) * | 2016-03-31 | 2019-03-05 | 武汉斗鱼网络科技有限公司 | 一种首页幻灯展示及操作方法及装置 |
CN110275659A (zh) * | 2019-06-18 | 2019-09-24 | 北京字节跳动网络技术有限公司 | 一种图像切换方法、装置、电子设备及存储介质 |
CN110647640B (zh) * | 2019-09-30 | 2023-01-10 | 京东方科技集团股份有限公司 | 计算机***、操作计算装置的方法及操作计算装置的*** |
CN113453056B (zh) * | 2020-03-27 | 2022-08-09 | 聚好看科技股份有限公司 | 一种相册控件的显示方法及显示设备 |
CN112379814A (zh) * | 2020-10-14 | 2021-02-19 | 广州市百果园网络科技有限公司 | 图片预览滑动处理方法、***、电子设备及存储介质 |
-
2006
- 2006-03-01 CN CNB2006100340973A patent/CN100489852C/zh active Active
Also Published As
Publication number | Publication date |
---|---|
CN101030202A (zh) | 2007-09-05 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN100489852C (zh) | 对像册中显示图片进行切换的***及方法 | |
US20140143715A1 (en) | Method and apparatus for providing online advertisement | |
CN102455857B (zh) | 一种移动终端浏览器中的快速链接实现方法和*** | |
JP5048042B2 (ja) | ウェブページをモバイル端末で表示可能な形態にトランスコーディングする方法及び装置 | |
US8589559B2 (en) | Capture of content from dynamic resource services | |
CN100385444C (zh) | 提供网页浏览器使用的网站地图观察器的方法 | |
US20060224997A1 (en) | Graphical web browser history toolbar | |
US8082512B2 (en) | Fractal display advertising on computer-driven screens | |
CN110716906B (zh) | 一种文件查看方法、电子设备及文件查看装置 | |
CN101427207A (zh) | 用于浏览数据的滚动条增强 | |
CN103631630B (zh) | 浏览器动态皮肤的加载方法和浏览器装置 | |
CN103677517B (zh) | 一种图片查找方法和装置 | |
CN108629032A (zh) | 一种基于延时加载的页面快速响应方法及装置 | |
CN104598468A (zh) | 一种网页图片的显示方法及装置 | |
CN105653555A (zh) | 基于浏览器的书签显示方法及相关装置、*** | |
CN107967633A (zh) | 一种网站中商品的展示方法及*** | |
CN102263869A (zh) | 图像读取装置、图像打印装置、帮助显示控制装置及方法 | |
CN104732305A (zh) | 基于云计算的虚拟展会实施方法 | |
CN105373560A (zh) | 出版物页面在线展现的方法 | |
JP2013524375A (ja) | 高解像度およびあらゆる画面に適合するインターネットコンテンツ用hd−web方法 | |
CN110569460B (zh) | 推送信息展示方法、装置及存储介质 | |
CN101996390B (zh) | 一种图像拷贝的方法和装置 | |
JP4655415B2 (ja) | 携帯端末及び広告システム | |
CN108268579B (zh) | 落地页显示内容的显示方法、装置 | |
JP3915888B2 (ja) | マルチメディア同期検索方法 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
C14 | Grant of patent or utility model | ||
GR01 | Patent grant |