一种图片及视频轮播方法技术

技术编号:17414701 阅读:50 留言:0更新日期:2018-03-07 10:11
本发明专利技术涉及一种图片及视频轮播方法,包括如下步骤:1)打开网页时,图片及视频按序滚动播放;2)当相应视频移入到最佳观赏区域内时,图片自动隐藏且该相应视频自动播放;3)当该相应视频播放完毕,按序滚动至下一个图片或下一个视频;4)若下一个为图片,则自动按序滚动,若下一个为视频,则重复步骤2。本发明专利技术能够更直接更直观的展示产品,可以让网站页面变得更加简洁美观。

A picture and video carousel method

The present invention relates to a picture and video carousel method, which comprises the following steps: 1) open web pages, pictures and video sequence scrolling; 2) when the corresponding video into the best viewing area, and the corresponding video pictures automatically hide automatically broadcast; 3) when the corresponding video playback is completed, according to the order scroll to a picture or a video; 4) if a picture is automatically sequential scrolling, if the next video, then repeat step 2. The invention can show the product more directly and more intuitively, which can make the web page more concise and beautiful.

【技术实现步骤摘要】
一种图片及视频轮播方法
本专利技术涉及一种图片及视频轮播方法。
技术介绍
目前,网页浏览者经常会在各大网站首页位置上看到各种轮播图以及各种轮播大图,部分网站的轮播大图还可以无缝过渡到移动版页面上。轮播图或轮播大图是指一组图片以一定时间间隔进行循环滚动播放,轮播图或轮播大图的切换时间是可控的,一般是首屏眼睛热点读取时间内(3秒到4秒)完成切换,在丰富页面体验,信息传播、视觉传达这三方面追求平衡点。而网页设计与平面设计最大的不同,就是要在平衡“视觉传达”与“信息传递”外,还要加上独有的“交互动态体验”,而网页的轮播图或轮播大图虽然具备上述的众多优势,但是轮播图或轮播大图始终无法满足各企业的要求,虽然每个轮播图或轮播大图都是通过程序员精心设计,但这也是仅仅只能对图片或海报做一些改动,但根本无法满足各大企业展示多元化产品信息的需求。
技术实现思路
本专利技术提出了一种更简洁、美观且能在有限的时间内多维度展现产品的图片及视频轮播方法。该专利技术的技术方案如下:一种图片及视频轮播方法,包括如下步骤:1)打开网页时,图片及视频按序滚动播放;2)当相应视频移入到最佳观赏区域内时,图片自动隐藏且该相应视频本文档来自技高网...

【技术保护点】
一种图片及视频轮播方法,其特征在于,包括如下步骤:1)打开网页时,图片及视频按序滚动播放;2)当相应视频移入到最佳观赏区域内时,图片自动隐藏且该相应视频自动播放;3)当该相应视频播放完毕,按序滚动至下一个图片或下一个视频;4)若下一个为图片,则自动按序滚动,若下一个为视频,则重复步骤2。

【技术特征摘要】
1.一种图片及视频轮播方法,其特征在于,包括如下步骤:1)打开网页时,图片及视频按序滚动播放;2)当相应视频移入到最佳观赏区域内时,图片自动隐藏且该相应视频自动播放;3)当该相应视频播放完毕,按序滚动至下一个图片或下一个视频;4)若下一个为图片,则自动按序滚动,若下一个为视频,则重复步骤2。2.如权利要求1所述的图片及视频轮播方法,其特征在...

【专利技术属性】
技术研发人员:陈枭
申请(专利权)人:雷韵上海实业有限公司
类型:发明
国别省市:上海,31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1