CN110597424A - 用于图片显示的方法、设备及存储介质 - Google Patents
用于图片显示的方法、设备及存储介质 Download PDFInfo
- Publication number
- CN110597424A CN110597424A CN201910708225.5A CN201910708225A CN110597424A CN 110597424 A CN110597424 A CN 110597424A CN 201910708225 A CN201910708225 A CN 201910708225A CN 110597424 A CN110597424 A CN 110597424A
- Authority
- CN
- China
- Prior art keywords
- picture
- mouse
- coordinate
- coordinates
- picture set
- 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
- G06F3/04847—Interaction techniques to control parameter settings, e.g. interaction with sliders or dials
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F9/00—Arrangements for program control, e.g. control units
- G06F9/06—Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
- G06F9/44—Arrangements for executing specific programs
- G06F9/451—Execution arrangements for user interfaces
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Human Computer Interaction (AREA)
- Software Systems (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- User Interface Of Digital Computer (AREA)
Abstract
本申请涉及图像处理技术领域,公开一种用于图片显示的方法。该方法包括:在检测到图片显示触发操作时,获取鼠标坐标和图片集坐标;根据所述鼠标坐标和所述图片集坐标从所述图片集中选取封面图片,并在所述图片集坐标处显示所述封面图片。本公开实施例中,在检测到图片显示触发操作时,根据鼠标坐标和图片集坐标,确定不同图片集显示的封面图片,在鼠标坐标改变时,不同图片集显示的封面图片也会改变,形成网页内容和用户之间的良性互动,图片更加逼真、形象的展示使用户很快的对网页产生兴趣,并吸引用户的注意力,以引导用户获得深层的内容信息。
Description
技术领域
本申请涉及图像处理技术领域,例如涉及用于图片显示的方法、设备及存储介质。
背景技术
目前,随着互联网的飞速发展,更多的企业通过企业网站进行企业文化的宣传,例如通过发布图片来进行企业内部人员介绍或团建活动展示。目前,常用的图片展示方式多采用将一组照片在网页固定宽度内容区中排列展示,形成多行多列的照片展示区。
在实现本公开实施例的过程中,发现相关技术中至少存在如下问题:现有图片展示方式单调,无法满足用户对互动性的需求,不能调动用户的兴趣。
发明内容
为了对披露的实施例的一些方面有基本的理解,下面给出了简单的概括。所述概括不是泛泛评述,也不是要确定关键/重要组成元素或描绘这些实施例的保护范围,而是作为后面的详细说明的序言。
本公开实施例提供了一种用于图片显示的方法、设备及存储介质,以及计算机程序产品,以解决图片展示方式单调,无法满足用户对互动性的需求的技术问题。
在一些实施例中,所述方法包括:
在检测到图片显示触发操作时,获取鼠标坐标和图片集坐标;
根据所述鼠标坐标和所述图片集坐标从所述图片集中选取封面图片,并在所述图片集坐标处显示所述封面图片。
在一些实施例中,所述设备包括处理器和存储有程序指令的存储器,所述处理器被配置为在执行所述程序指令时,执行上述的用于图片显示的方法。
在一些实施例中,所述设备包括:
坐标获取模块,被配置为在检测到图片显示触发操作时,获取鼠标坐标和图片集坐标;
选取模块,被配置为根据所述鼠标坐标和所述图片集坐标从所述图片集中选取封面图片;
显示模块,被配置为在所述图片集坐标处显示所述封面图片。
在一些实施例中,所述设备包括:
至少一个处理器;以及
与所述至少一个处理器通信连接的存储器;其中,
所述存储器存储有可被所述至少一个处理器执行的指令,所述指令被所述至少一个处理器执行时,使所述至少一个处理器执行上述的用于图片显示的方法。
在一些实施例中,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令设置为执行上述的用于图片显示的方法。
在一些实施例中,所述计算机程序产品包括存储在计算机可读存储介质上的计算机程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,使所述计算机执行上述的用于图片显示的方法。
本公开实施例提供的用于图片显示的方法、设备及存储介质,可以实现以下技术效果:
在检测到图片显示触发操作时,根据鼠标坐标和图片集坐标,确定不同图片集显示的封面图片,在鼠标坐标改变时,不同图片集显示的封面图片也会改变,形成网页内容和用户之间的良性互动,图片更加逼真、形象的展示使用户很快的对网页产生兴趣,并吸引用户的注意力,以引导用户获得深层的内容信息。
以上的总体描述和下文中的描述仅是示例性和解释性的,不用于限制本申请。
附图说明
一个或多个实施例通过与之对应的附图进行示例性说明,这些示例性说明和附图并不构成对实施例的限定,附图中具有相同参考数字标号的元件示为类似的元件,附图不构成比例限制,并且其中:
图1是本公开实施例提供的用于图片显示的方法的示意图;
图2a是本公开实施例提供的图片显示状态图;
图2b是本公开实施例提供的图片显示状态图;
图2c是本公开实施例提供的图片显示状态图;
图3a是本公开实施例提供的图片显示状态图;
图3b是本公开实施例提供的图片显示状态图;
图4是本公开实施例提供的图片显示状态图;
图5是本公开实施例提供的图片显示状态图;
图6是本公开实施例提供的用于图片显示的设备的示意图;
图7是本公开实施例提供的用于图片显示的设备的示意图。
具体实施方式
为了能够更加详尽地了解本公开实施例的特点与技术内容,下面结合附图对本公开实施例的实现进行详细阐述,所附附图仅供参考说明之用,并非用来限定本公开实施例。在以下的技术描述中,为方便解释起见,通过多个细节以提供对所披露实施例的充分理解。然而,在没有这些细节的情况下,一个或多个实施例仍然可以实施。在其它情况下,为简化附图,熟知的结构和装置可以简化展示。
图1是本公开实施例提供的用于图片显示的方法的流程示意图,该方法包括:
步骤S101,在检测到图片显示触发操作时,获取鼠标坐标和图片集坐标。
步骤S102,根据鼠标坐标和图片集坐标从图片集中选取封面图片,并在图片集坐标处显示封面图片。
在一些实施例中,网页中包括一个或多个图片集,每个图片集中包括两张或两张以上的图片,跟随鼠标坐标的变化,一个或多个图片集的封面图片也相应发生变化,以形成网页内容和用户之间的良性互动。其中,每个图片集中的图片之间具有不同的特征。不同的图片集之间具有相互对应的图片,相互对应的图片之间具有相同的特征。封面图片即每个图片集对应的显示区域所要显示的图片。可选的,对每个图片集中的图片进行标号。不同图片集中同一标号对应的图片具有相同的特征。
可选的,图片的特征包括形状、大小、颜色、图案或方向中的一个或多个特征。
本公开实施例中,在检测到图片显示触发操作时,根据鼠标坐标和图片集坐标,确定不同图片集显示的封面图片,在鼠标坐标改变时,不同图片集显示的封面图片也会改变,形成网页内容和用户之间的良性互动,图片更加逼真、形象的展示使用户很快的对网页产生兴趣,并吸引用户的注意力,以引导用户获得深层的内容信息。
在不同的实施例中,步骤S102的实现方式不同。
图片集在显示时占据网页的一部分区域,则图片集的坐标包括一定范围。可选的,本步骤S102中,根据鼠标横坐标与图片集横坐标的范围选取封面图片。
可选的,本步骤S102中,根据鼠标纵坐标与图片集纵坐标的范围选取封面图片。
可选的,本步骤S102中,根据鼠标横坐标、纵坐标和图片集横坐标的范围、纵坐标的范围选取封面图片。
如图2a、2b和2c是本公开实施例提供的显示状态图。其中,以每个图片集中包括两张图片,编号分别为1和2为例。编号1对应的图片为背景为灰色的图片,编号2对应的图片为背景为白色且带有“*”图案的图片。
在一具体应用场景中,如图2a所示,根据鼠标横坐标与图片集横坐标的范围选取封面图片,在鼠标横坐标包含在图片集横坐标的范围内时,图片集显示编号为1的图片,当鼠标横坐标在图片集横坐标的范围外时,图片集显示编号为2的图片。即当鼠标横坐标属于第二列图片横坐标范围内时,该列显示的图片对应的编号一致,其他列显示的图片对应的编号一致。
在一具体应用场景中,如图2b所示,根据鼠标纵坐标与图片集纵坐标的范围选取封面图片,在鼠标纵坐标包含在图片集纵坐标的范围内时,图片集显示编号为1的图片,当鼠标纵坐标在图片集纵坐标的范围外时,图片集显示编号为2的图片。即当鼠标纵坐标属于第四行图片纵坐标范围内时,该行显示的图片对应的编号一致,其他行的显示的图片对应的编号一致。
在一具体应用场景中,如图2c所示,根据鼠标横坐标、纵坐标和图片集横坐标的范围、纵坐标的范围选取封面图片。即当鼠标横坐标属于第二列图片横坐标范围内,鼠标横坐标属于第三行图片纵坐标范围内时,第三行和第二列显示的图片对应的编号一致。
可选的,本步骤S102中,根据鼠标坐标和图片集坐标从图片集中选取封面图片,包括:
根据鼠标坐标和图片集坐标之间的差值或比值,从图片集中选取封面图片。
可选的,根据鼠标坐标和图片集坐标之间的差值或比值从图片集中选取封面图片,包括:根据鼠标坐标和图片集坐标之间的差值或比值确定待显示图片的编号;根据编号从图片集中选取图片作为封面图片。
可选的,鼠标坐标和图片集坐标之间的差值包括:鼠标坐标和图片集坐标的横坐标之间的差值或纵坐标之间的差值,或者,鼠标坐标和图片集坐标的横坐标之间的差值和纵坐标之间的差值。
由于图片集的坐标包括一定范围,在确定鼠标坐标与图片集坐标之间的差值时,确定鼠标横坐标与图片集横坐标的端点值之间的差值,以及确定鼠标纵坐标与图片集纵坐标的端点值之间的差值。
可选的,图片集显示区域为矩形,如图2a、2b和2c所示。此时,图片集的横坐标左端点值和右端点值分别为一个,纵坐标左端点值和右端点值分别为一个,即图片集横坐标包括两个端点值,纵坐标包括两个端点值。确定鼠标横坐标与图片集横坐标的端点值之间的差值时,分别确定鼠标横坐标与图片集横坐标左端点值和右端点值的差值。确定鼠标纵坐标与图片集纵坐标的端点值之间的差值时,分别确定鼠标纵坐标与图片集纵坐标左端点值和右端点值的差值。
可选的,图片集显示区域为除矩形外的规则图形或者不规则多边形。此时,图片集的横坐标端点值或纵坐标端点值包括多个。例如:图片集显示区域为正三角形,纵坐标不同,则纵坐标对应的横坐标两个端点值不同横坐标不同。
在图片集显示区域为除矩形外的规则图形或者不规则多边形时,确定鼠标横坐标与图片集横坐标的端点值之间的差值时,首先确定鼠标纵坐标对应的图片集显示区域横坐标的端点值,再计算鼠标横坐标与确定的横坐标端点值的差值。同理,确定鼠标纵坐标与图片集纵坐标的端点值之间的差值时,首先确定鼠标横坐标对应的图片集显示区域纵坐标的端点值,再计算鼠标横坐标与确定的横坐标端点值的差值。
其中,在确定鼠标坐标与图片集坐标之间的差值时,确定鼠标坐标与图片集坐标两个或两个以上端点值之间的差值,进而根据两个或两个以上端点值之间的差值的符号确定鼠标是否处于图片集显示区域范围内,简化了判断过程,提高根据鼠标坐标调整图片集显示图片的效率。
在一具体应用场景中,如图2a所示,图片集显示区域为矩形,图片的横坐标包括两个端点值:一个左端点值和一个右端点值,横坐标包括两个端点值:一个左端点值和一个右端点值,以根据鼠标横坐标选取封面图片为例,鼠标的横坐标减去第一列图片集横坐标的两个端点值的差值均小于0,鼠标的横坐标减去第三、四和五列图片集横坐标的两个端点值的差值均大于0,鼠标的横坐标减去第二列图片集横坐标的左端点值的差值大于0,减去第二列图片集横坐标的右端点值的差值小于0。因此,确定鼠标在第二列图片集的范围内,进而控制第二列显示的图片对应的编号一致,其他列显示的图片对应的编号一致。
同理,根据鼠标纵坐标选取封面图片时,计算鼠标的纵坐标与图片集纵坐标的左端点值和右端点值之间的差值,并根据差值确定鼠标在第几行图片集的范围内。另外,根据鼠标横坐标与图片集横坐标的两个端点值的差值,以及鼠标的纵坐标与图片集纵坐标的两个端点值的差值确定鼠标在某一图片集的范围内。
可选的,鼠标坐标和图片集坐标之间的比值包括:鼠标坐标和图片集坐标的横坐标之间的比值或纵坐标之间的比值,或者,鼠标坐标和图片集坐标的横坐标之间的比值和纵坐标之间的比值。
由于图片集的坐标包括一定范围,在确定鼠标坐标与图片集坐标之间的比值时,确定鼠标横坐标与图片集横坐标的端点值之间的比值,以及确定鼠标纵坐标与图片集纵坐标的端点值之间的比值。
在一具体应用场景中,如图2a所示,图片集显示区域为矩形,图片的横坐标包括两个端点值:一个左端点值和一个右端点值,横坐标包括两个端点值:一个左端点值和一个右端点值,以图片显示范围左下角为0点,根据鼠标横坐标选取封面图片为例,鼠标的横坐标与第一列图片集横坐标的两个端点值的比值均大于1,鼠标的横坐标与第三、四和五列图片集横坐标的两个端点值的比值均小于1,鼠标的横坐标与第二列图片集横坐标的左端点值的比值大于1,与第二列图片集横坐标的右端点值的比值小于1。因此,确定鼠标在第二列图片集的范围内,进而控制第二列显示的图片对应的编号一致,其他列显示的图片对应的编号一致。
同理,根据鼠标纵坐标选取封面图片时,计算鼠标的纵坐标与图片集纵坐标的左端点值和右端点值之间的比值,并根据比值确定鼠标在第几行图片集的范围内。另外,根据鼠标横坐标与图片集横坐标的两个端点值的比值,以及鼠标的纵坐标与图片集纵坐标的两个端点值的比值确定鼠标在某一图片集的范围内。
在不同的实施例中,每个图片集中图片的数量不同,则根据鼠标坐标和图片集坐标之间的差值或比值确定待显示图片的编号的具体实施方式不同。可选的,每个图片集中包括两张及两张以上具有不同特征的图片。
可选的,每个图片集中包括两张图片。如图2a、2b和2c所示,以编号分别为1和2为例。编号1对应的图片为背景为灰色的图片,编号2对应的图片为背景为白色且带有“*”图案的图片。其中,在不同实施例中,编号可根据不同的设定方式设定。编号不同的两张图片存在区别的特征包括形状、大小、颜色、图案或方向中的一个或多个特征。
在一具体应用场景中,如图2a所示,图片集显示区域为矩形,图片的横坐标包括两个端点值:一个左端点值和一个右端点值,横坐标包括两个端点值:一个左端点值和一个右端点值,以编号1对应的图片为背景为灰色的图片,编号2对应的图片为背景为白色且带有“*”图案的图片为例。参见前述的根据鼠标横坐标和图片集横坐标之间的差值或比值从图片集中选取封面图片的实施方式。可选的,鼠标的横坐标减去第二列图片集横坐标的左端点值的差值大于0,减去第二列图片集横坐标的右端点值的差值小于0,即鼠标的横坐标与图片集横坐标两端点值的差值正负不同时,从第二列图片集中选取编号为1的图片作为封面图片。可选的,鼠标的横坐标与第二列图片集横坐标的左端点值的比值大于1,与第二列图片集横坐标的右端点值的比值小于1时,从第二列图片集中选取编号为1的图片作为封面图片。
可选的,每个图片集中包括9张图片,9张图片存在区别的特征包括形状、大小、颜色、图案或方向中的一个或多个特征。例如:每幅图片包含的不同的颜色的植物;每幅图片包含的不同的动物;每幅图片中人物目光方向不同;每幅图片中目标对象的姿势不同等。在确定图片集的封面图片时,根据鼠标坐标和图片集坐标的横坐标之间的差值和纵坐标之间的差值确定待显示图片的编号,或者,根据所述鼠标坐标和所述图片集坐标的横坐标之间的比值和纵坐标之间的比值确定待显示图片的编号。
如图3a和3b是本公开实施例提供的显示状态图。如图3a所示,包括九个图片集,每个图片集中包含九幅图片,九幅图片如图3a中每个图片集的封面所示,以编号分别为1-9为例。针对图3a所示的九幅图片进行编号,编号1对应左上角的图片,并按照自左向右、由上及下的顺序依次编号。
在一具体应用场景中,如图3a和3b所示,图片集显示区域为矩形,图片的横坐标包括两个端点值:一个左端点值和一个右端点值,横坐标包括两个端点值:一个左端点值和一个右端点值,在确定图片集的封面图片时,参见前述的根据鼠标横坐标与图片集横坐标的两个端点值的差值,以及鼠标的纵坐标与图片集纵坐标的两个端点值的差值确定鼠标在某一图片集的范围内的实施方式。选定鼠标所指的图片集的封面图片为编号为5的图片。在鼠标横坐标减去图片集横坐标的两个端点值均大于零,且鼠标纵坐标减去图片集纵坐标的两个端点值均小于零时,选取编号为1的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值正负不同,且鼠标纵坐标减去图片集纵坐标的两个端点值均小于零时,选取编号为2的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值均小于零,且鼠标纵坐标减去图片集纵坐标的两个端点值均小于零时,选取编号为3的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值均大于零,且鼠标纵坐标减去图片集纵坐标的两个端点值正负不同时,选取编号为4的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值均小于零,且鼠标纵坐标减去图片集纵坐标的两个端点值正负不同时,选取编号为6的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值均大于零,且鼠标纵坐标减去图片集纵坐标的两个端点值均大于零时,选取编号为7的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值正负不同,且鼠标纵坐标减去图片集纵坐标的两个端点值均大于零时,选取编号为8的图片作为该图片集的封面图片。在鼠标横坐标减去图片集横坐标的两个端点值的差值小于零,且鼠标纵坐标减去图片集纵坐标的两个端点值均大于零时,选取编号为9的图片作为该图片集的封面图片。
同理,根据鼠标横坐标与图片集横坐标的两个端点值的比值,以及鼠标的纵坐标与图片集纵坐标的两个端点值的比值确定选取的待显示图片的编号。
如图4是本公开实施例提供的显示状态图。可选的,每个图片集中包括17张图片,17张图片存在区别的特征包括形状、大小、颜色、图案或方向中的一个或多个特征。例如:每幅图片包含的不同的颜色的植物;每幅图片包含的不同的动物;每幅图片中人物目光方向不同;每幅图片中目标对象的姿势不同等。在确定图片集的封面图片时,根据鼠标坐标和图片集坐标的横坐标之间的差值和纵坐标之间的差值确定待显示图片的编号,或者,根据所述鼠标坐标和所述图片集坐标的横坐标之间的比值和纵坐标之间的比值确定待显示图片的编号。
如图5是本公开实施例提供的显示状态图。可选的,每个图片集中包括10张图片,10张图片存在区别的特征包括形状、大小、颜色、图案或方向中的一个或多个特征。例如:每幅图片包含的不同的颜色的植物;每幅图片包含的不同的动物;每幅图片中人物目光方向不同;每幅图片中目标对象的姿势不同等。在确定图片集的封面图片时,根据鼠标坐标和图片集坐标的横坐标之间的差值和纵坐标之间的差值确定待显示图片的编号,或者,根据所述鼠标坐标和所述图片集坐标的横坐标之间的比值和纵坐标之间的比值确定待显示图片的编号。
在不同的实施例中,步骤S101中,图片显示触发操作的确定方式不同。
可选的,图片显示触发操作包括:鼠标悬停时长超过时间阈值,或者,鼠标点击操作。根据鼠标悬停时长超过时间阈值或鼠标点击操作准确确定用户所需要的显示效果,以准确相应用户的操作,提高用户体验。
可选的,实时追踪鼠标位置,并根据鼠标坐标和图片集坐标从图片集中选取封面图片,以增加互动的及时性。
可选的,该方法在获取到图片显示触发操作之前,还包括:更新图片集坐标。
在不同的实施例中,启动执行更新图片集坐标操作的条件不同。可选的,在更新图片集坐标之前,包括:
获取页面刷新指令,或者,获取页面打开指令,或者,获取上一次更新图片集坐标的时间,并在距离上一次更新图片集坐标达到预设时长时,确定当前不存在图片显示触发操作。
更新图片集坐标,即更新图片集的显示位置,以保证每个图片集中的所有图片均可以进行显示,同时,提高网页内容显示的多变性和趣味,形成网页内容和用户之间的良性互动,使用户很快的对网页产生兴趣,并吸引用户的注意力,以引导用户获得深层的内容信息。
其中,获取上一次更新图片集坐标的时间,并在距离上一次更新图片集坐标达到预设时长时,确定当前不存在图片显示触发操作,可以避免在用户鼠标放置在一张图片上时,出现显示图片的变化,降低用户体验。
以下是根据本公开实施例提供的装置实施例,用于执行上述实施例提供的方法。
图6是本公开实施例提供的用于图片显示的设备示意图,包括:坐标获取模块601、选取模块602和显示模块603。
坐标获取模块601,被配置为在检测到图片显示触发操作时,获取鼠标坐标和图片集坐标。
选取模块602,被配置为根据鼠标坐标和图片集坐标从图片集中选取封面图片。
显示模块603,被配置为在图片集坐标处显示封面图片。
本公开实施例中,在检测到图片显示触发操作时,根据鼠标坐标和图片集坐标,确定不同图片集显示的封面图片,在鼠标坐标改变时,不同图片集显示的封面图片也会改变,形成网页内容和用户之间的良性互动,图片更加逼真、形象的展示使用户很快的对网页产生兴趣,并吸引用户的注意力,以引导用户获得深层的内容信息。
可选的,选取模块402,被配置为根据鼠标坐标和图片集坐标之间的差值或比值,从图片集中选取封面图片。
可选的,选取模块402包括:编号确定单元和选取单元。
编号确定单元,被配置为根据鼠标坐标和图片集坐标之间的差值或比值确定待显示图片的编号。
选取单元,被配置为根据编号从图片集中选取图片作为封面图片。
可选的,鼠标坐标和图片集坐标之间的差值包括:鼠标坐标和图片集坐标的横坐标之间的差值或纵坐标之间的差值,或者,鼠标坐标和图片集坐标的横坐标之间的差值和纵坐标之间的差值。
可选的,鼠标坐标和图片集坐标之间的比值包括:鼠标坐标和图片集坐标的横坐标之间的比值或纵坐标之间的比值,或者,
鼠标坐标和图片集坐标的横坐标之间的比值和纵坐标之间的比值。
可选的,图片显示触发操作包括:鼠标悬停时长超过时间阈值;或者,鼠标点击操作。
可选的,用于图片显示的设备还包括:更新模块,被配置为更新图片集坐标。
可选的,用于图片显示的设备还包括:指令获取模块,被配置为获取页面刷新指令,或者,获取页面打开指令。
可选的,用于图片显示的设备还包括:时间获取模块,被配置为获取上一次更新图片集坐标的时间。在距离上一次更新图片集坐标达到预设时长且当前不存在图片显示触发操作,更新模块更新图片集坐标。
本公开实施例提供了一种用于图片显示的设备,包括处理器和存储有程序指令的存储器,处理器被配置为在执行程序指令时,执行上述的用于图片显示的方法。
本公开实施例提供了一种计算机可读存储介质,计算机可读存储介质存储有计算机可执行指令,计算机可执行指令设置为执行上述的用于图片显示的方法。
本公开实施例提供了一种用于图片显示的设备,其结构如图7所示,包括:
处理器(processor)100和存储器(memory)701,还可以包括通信接口(Communication Interface)702和总线703。其中,处理器700、通信接口702、存储器701可以通过总线703完成相互间的通信。通信接口702可以用于信息传输。处理器700可以调用存储器701中的逻辑指令,以执行上述实施例的用于图片显示的方法。
此外,上述的存储器701中的逻辑指令可以通过软件功能单元的形式实现并作为独立的产品销售或使用时,可以存储在一个计算机可读取存储介质中。
存储器701作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序,如本公开实施例中的方法对应的程序指令/模块。处理器700通过运行存储在存储器701中的程序指令/模块,从而执行功能应用以及数据处理,即实现上述方法实施例中的用于图片显示的方法。
存储器701可包括存储程序区和存储数据区,其中,存储程序区可存储操作系统、至少一个功能所需的应用程序;存储数据区可存储根据终端设备的使用所创建的数据等。此外,存储器701可以包括高速随机存取存储器,还可以包括非易失性存储器。
本公开实施例提供了一种计算机可读存储介质,存储有计算机可执行指令,所述计算机可执行指令设置为执行上述用于图片显示的方法。
本公开实施例提供了一种计算机程序产品,所述计算机程序产品包括存储在计算机可读存储介质上的计算机程序,所述计算机程序包括程序指令,当所述程序指令被计算机执行时,使所述计算机执行上述用于图片显示的方法。
上述的计算机可读存储介质可以是暂态计算机可读存储介质,也可以是非暂态计算机可读存储介质。
本公开实施例的技术方案可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质中,包括一个或多个指令用以使得一台计算机设备(可以是个人计算机,服务器,或者网络设备等)执行本公开实施例所述方法的全部或部分步骤。而前述的存储介质可以是非暂态存储介质,包括:U盘、移动硬盘、只读存储器(ROM,Read-Only Memory)、随机存取存储器(RAM,Random Access Memory)、磁碟或者光盘等多种可以存储程序代码的介质,也可以是暂态存储介质。
以上描述和附图充分地示出了本公开的实施例,以使本领域的技术人员能够实践它们。其他实施例可以包括结构的、逻辑的、电气的、过程的以及其他的改变。实施例仅代表可能的变化。除非明确要求,否则单独的部件和功能是可选的,并且操作的顺序可以变化。一些实施例的部分和特征可以被包括在或替换其他实施例的部分和特征。本公开实施例的范围包括权利要求书的整个范围,以及权利要求书的所有可获得的等同物。当用于本申请中时,虽然术语“第一”、“第二”等可能会在本申请中使用以描述各元件,但这些元件不应受到这些术语的限制。这些术语仅用于将一个元件与另一个元件区别开。比如,在不改变描述的含义的情况下,第一元件可以叫做第二元件,并且同样地,第二元件可以叫做第一元件,只要所有出现的“第一元件”一致重命名并且所有出现的“第二元件”一致重命名即可。第一元件和第二元件都是元件,但可以不是相同的元件。而且,本申请中使用的用词仅用于描述实施例并且不用于限制权利要求。如在实施例以及权利要求的描述中使用的,除非上下文清楚地表明,否则单数形式的“一个”(a)、“一个”(an)和“所述”(the)旨在同样包括复数形式。类似地,如在本申请中所使用的术语“和/或”是指包含一个或一个以上相关联的列出的任何以及所有可能的组合。另外,当用于本申请中时,术语“包括”(comprise)及其变型“包括”(comprises)和/或包括(comprising)等指陈述的特征、整体、步骤、操作、元素,和/或组件的存在,但不排除一个或一个以上其它特征、整体、步骤、操作、元素、组件和/或这些的分组的存在或添加。在没有更多限制的情况下,由语句“包括一个…”限定的要素,并不排除在包括所述要素的过程、方法或者设备中还存在另外的相同要素。本文中,每个实施例重点说明的可以是与其他实施例的不同之处,各个实施例之间相同相似部分可以互相参见。对于实施例公开的方法、产品等而言,如果其与实施例公开的方法部分相对应,那么相关之处可以参见方法部分的描述。
本领域技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,可以取决于技术方案的特定应用和设计约束条件。所述技术人员可以对每个特定的应用来使用不同方法以实现所描述的功能,但是这种实现不应认为超出本公开实施例的范围。所述技术人员可以清楚地了解到,为描述的方便和简洁,上述描述的系统、装置和单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
本文所披露的实施例中,所揭露的方法、产品(包括但不限于装置、设备等),可以通过其它的方式实现。例如,以上所描述的装置实施例仅仅是示意性的,例如,所述单元的划分,可以仅仅为一种逻辑功能划分,实际实现时可以有另外的划分方式,例如多个单元或组件可以结合或者可以集成到另一个系统,或一些特征可以忽略,或不执行。另外,所显示或讨论的相互之间的耦合或直接耦合或通信连接可以是通过一些接口,装置或单元的间接耦合或通信连接,可以是电性,机械或其它的形式。所述作为分离部件说明的单元可以是或者也可以不是物理上分开的,作为单元显示的部件可以是或者也可以不是物理单元,即可以位于一个地方,或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例。另外,在本公开实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中。
附图中的流程图和框图显示了根据本公开实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段或代码的一部分,所述模块、程序段或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个连续的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这可以依所涉及的功能而定。在附图中的流程图和框图所对应的描述中,不同的方框所对应的操作或步骤也可以以不同于描述中所披露的顺序发生,有时不同的操作或步骤之间不存在特定的顺序。例如,两个连续的操作或步骤实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这可以依所涉及的功能而定。框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或动作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
Claims (10)
1.一种用于图片显示的方法,其特征在于,包括:
在检测到图片显示触发操作时,获取鼠标坐标和图片集坐标;
根据所述鼠标坐标和所述图片集坐标从所述图片集中选取封面图片,并在所述图片集坐标处显示所述封面图片。
2.根据权利要求1所述的方法,其特征在于,所述根据所述鼠标坐标和所述图片集坐标从所述图片集中选取封面图片,包括:
根据所述鼠标坐标和所述图片集坐标之间的差值或比值,从所述图片集中选取封面图片。
3.根据权利要求2所述的方法,其特征在于,所述根据所述鼠标坐标和所述图片集坐标之间的差值或比值从所述图片集中选取封面图片,包括:
根据所述鼠标坐标和所述图片集坐标之间的差值或比值确定待显示图片的编号;
根据所述编号从所述图片集中选取图片作为所述封面图片。
4.根据权利要求3所述的方法,其特征在于,所述鼠标坐标和所述图片集坐标之间的差值包括:
所述鼠标坐标和所述图片集坐标的横坐标之间的差值或纵坐标之间的差值;或者,
所述鼠标坐标和所述图片集坐标的横坐标之间的差值和纵坐标之间的差值。
5.根据权利要求3所述的方法,其特征在于,所述鼠标坐标和所述图片集坐标之间的比值包括:
所述鼠标坐标和所述图片集坐标的横坐标之间的比值或纵坐标之间的比值;或者,
所述鼠标坐标和所述图片集坐标的横坐标之间的比值和纵坐标之间的比值。
6.根据权利要求1所述的方法,其特征在于,所述图片显示触发操作包括:
鼠标悬停时长超过时间阈值;或者,鼠标点击操作。
7.根据权利要求1至6任一项所述的方法,其特征在于,在检测到所述图片显示触发操作之前,还包括:
更新所述图片集坐标。
8.根据权利要求7所述的方法,其特征在于,在所述更新所述图片集坐标之前,包括:
获取页面刷新指令;或者,
获取页面打开指令;或者,
获取上一次更新所述图片集坐标的时间,并在距离上一次更新所述图片集坐标达到预设时长时,确定当前不存在图片显示触发操作。
9.一种用于图片显示的设备,包括处理器和存储有程序指令的存储器,其特征在于,所述处理器被配置为在执行所述程序指令时,执行如权利要求1至8任一项所述的方法。
10.一种计算机可读存储介质,其特征在于,所述计算机可读存储介质存储有计算机可执行指令,所述计算机可执行指令设置为执行如权利要求1至8任一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910708225.5A CN110597424A (zh) | 2019-08-01 | 2019-08-01 | 用于图片显示的方法、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201910708225.5A CN110597424A (zh) | 2019-08-01 | 2019-08-01 | 用于图片显示的方法、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN110597424A true CN110597424A (zh) | 2019-12-20 |
Family
ID=68853305
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201910708225.5A Pending CN110597424A (zh) | 2019-08-01 | 2019-08-01 | 用于图片显示的方法、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN110597424A (zh) |
Cited By (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113326805A (zh) * | 2021-06-24 | 2021-08-31 | 杭州海康威视数字技术股份有限公司 | 一种人体封面更新方法、装置、电子设备及存储介质 |
Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101398742A (zh) * | 2008-10-07 | 2009-04-01 | 深圳市蓝韵实业有限公司 | 一种基于缩略图的医学图像系统导航器实现方法 |
US8082513B2 (en) * | 2008-03-06 | 2011-12-20 | Hong Fu Jin Precision Industry (Shenzhen) Co., Ltd. | Method and system for saving images from web pages |
CN103838469A (zh) * | 2012-11-23 | 2014-06-04 | 腾讯科技(深圳)有限公司 | 好友列表的展示控制方法及系统 |
CN104658351A (zh) * | 2015-03-17 | 2015-05-27 | 智慧流(福建)网络科技有限公司 | 一种点读方法、系统以及客户端 |
CN106126661A (zh) * | 2016-06-24 | 2016-11-16 | 广东欧珀移动通信有限公司 | 歌手封面的显示方法及装置 |
CN106528695A (zh) * | 2016-11-02 | 2017-03-22 | 上海幻电信息科技有限公司 | 一种通过鼠标拖动展示视频缩略图的方法 |
CN107179858A (zh) * | 2017-04-26 | 2017-09-19 | 维沃移动通信有限公司 | 一种图片列表显示方法及移动终端 |
CN107704157A (zh) * | 2017-10-26 | 2018-02-16 | 咪咕数字传媒有限公司 | 一种多屏界面操作方法、装置及存储介质 |
CN107977674A (zh) * | 2017-11-21 | 2018-05-01 | 广东欧珀移动通信有限公司 | 图像处理方法、装置、移动终端及计算机可读存储介质 |
CN108170339A (zh) * | 2018-01-30 | 2018-06-15 | 网易(杭州)网络有限公司 | 列表项的显示控制方法、装置、存储介质及电子装置 |
CN108268577A (zh) * | 2017-01-13 | 2018-07-10 | 优视科技有限公司 | 图集内容承载页生成方法和装置 |
CN109246468A (zh) * | 2018-08-23 | 2019-01-18 | 深圳点猫科技有限公司 | 一种基于教育系统的视频列表切换方法、设备及存储介质 |
CN109857907A (zh) * | 2019-02-25 | 2019-06-07 | 百度在线网络技术(北京)有限公司 | 视频定位方法和装置 |
-
2019
- 2019-08-01 CN CN201910708225.5A patent/CN110597424A/zh active Pending
Patent Citations (13)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8082513B2 (en) * | 2008-03-06 | 2011-12-20 | Hong Fu Jin Precision Industry (Shenzhen) Co., Ltd. | Method and system for saving images from web pages |
CN101398742A (zh) * | 2008-10-07 | 2009-04-01 | 深圳市蓝韵实业有限公司 | 一种基于缩略图的医学图像系统导航器实现方法 |
CN103838469A (zh) * | 2012-11-23 | 2014-06-04 | 腾讯科技(深圳)有限公司 | 好友列表的展示控制方法及系统 |
CN104658351A (zh) * | 2015-03-17 | 2015-05-27 | 智慧流(福建)网络科技有限公司 | 一种点读方法、系统以及客户端 |
CN106126661A (zh) * | 2016-06-24 | 2016-11-16 | 广东欧珀移动通信有限公司 | 歌手封面的显示方法及装置 |
CN106528695A (zh) * | 2016-11-02 | 2017-03-22 | 上海幻电信息科技有限公司 | 一种通过鼠标拖动展示视频缩略图的方法 |
CN108268577A (zh) * | 2017-01-13 | 2018-07-10 | 优视科技有限公司 | 图集内容承载页生成方法和装置 |
CN107179858A (zh) * | 2017-04-26 | 2017-09-19 | 维沃移动通信有限公司 | 一种图片列表显示方法及移动终端 |
CN107704157A (zh) * | 2017-10-26 | 2018-02-16 | 咪咕数字传媒有限公司 | 一种多屏界面操作方法、装置及存储介质 |
CN107977674A (zh) * | 2017-11-21 | 2018-05-01 | 广东欧珀移动通信有限公司 | 图像处理方法、装置、移动终端及计算机可读存储介质 |
CN108170339A (zh) * | 2018-01-30 | 2018-06-15 | 网易(杭州)网络有限公司 | 列表项的显示控制方法、装置、存储介质及电子装置 |
CN109246468A (zh) * | 2018-08-23 | 2019-01-18 | 深圳点猫科技有限公司 | 一种基于教育系统的视频列表切换方法、设备及存储介质 |
CN109857907A (zh) * | 2019-02-25 | 2019-06-07 | 百度在线网络技术(北京)有限公司 | 视频定位方法和装置 |
Cited By (2)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN113326805A (zh) * | 2021-06-24 | 2021-08-31 | 杭州海康威视数字技术股份有限公司 | 一种人体封面更新方法、装置、电子设备及存储介质 |
CN113326805B (zh) * | 2021-06-24 | 2024-04-05 | 杭州海康威视数字技术股份有限公司 | 一种人体封面更新方法、装置、电子设备及存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN110933296B (zh) | 用于提供内容感知照片滤镜的装置和方法 | |
US8589423B2 (en) | Systems and methods for generating enhanced screenshots | |
CN110009027B (zh) | 图像的比对方法、装置、存储介质及电子装置 | |
US20160371480A1 (en) | Verification methods and verification devices | |
CN107622257A (zh) | 一种神经网络训练方法及三维手势姿态估计方法 | |
US20160343155A1 (en) | Dynamic filling of shapes for graphical display of data | |
US8719697B2 (en) | Object control method for displaying objects in front of link elements | |
US20200027236A1 (en) | System and method for 3d association of detected objects | |
CN103605716A (zh) | 用于网页页面点击展现的数据处理方法和装置 | |
WO2020001028A1 (zh) | 图片错层显示方法、电子设备及存储介质 | |
CN112131499A (zh) | 图像标注方法、装置、电子设备及存储介质 | |
CN113608805B (zh) | 掩膜预测方法、图像处理方法、显示方法及设备 | |
JP2020506448A (ja) | 仮想現実シーンにおいてパスワードを入力するための方法およびデバイス | |
CN111338721A (zh) | 在线交互方法、系统、电子设备和存储介质 | |
CN110597424A (zh) | 用于图片显示的方法、设备及存储介质 | |
JP5563703B2 (ja) | コンテンツ配信装置、コンテンツ配信方法、コンテンツ配信プログラム及び端末用プログラム | |
CN107016079B (zh) | 一种知识点的展示方法及装置 | |
CN113359983A (zh) | 增强现实数据呈现方法、装置、电子设备及存储介质 | |
JPWO2016170691A1 (ja) | 入力処理プログラム、入力処理装置、入力処理方法、文字特定プログラム、文字特定装置、及び文字特定方法 | |
JP6339550B2 (ja) | 端末用プログラム、端末装置及び端末制御方法 | |
CN113209620B (zh) | 热图生成方法及装置、场景管理方法及装置 | |
CN105335854B (zh) | 在页面中提供商品对象图片的方法及装置 | |
CN111949129A (zh) | 显示内容更新方法、装置、电子设备及存储介质 | |
CN105513050A (zh) | 一种目标图像提取方法及装置 | |
US20150371582A1 (en) | Image display device, image display method and program |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
AD01 | Patent right deemed abandoned | ||
AD01 | Patent right deemed abandoned |
Effective date of abandoning: 20211112 |