基于jQuery全屏轮播图控制方法及装置制造方法及图纸

本发明专利技术实施例中提供了一种基于jQuery全屏轮播图控制方法、装置及电子设备，属于图像处理技术领域，该方法包括：获取n个需要进行全屏轮播的图像，形成轮播图像集合，对所述轮播图像集合P中的每个图像进行特征提取，得到图像特征集合；对全屏轮播图的加载环境进行性能评估，得到加载性能向量；基于所述加载性能向量M和图像特征集合K，对所述轮播图像集合P中的每个图像进行优化计算，得到优化参数集合；在全屏轮播图所在页面的HTML中，对于第一轮播图像集合Pf中的图像添加类名Lm和数据属性Dpr；在第一轮播图像集合Pf完成加载之后，在全屏轮播图所在页面加载第二轮播优化图像集合Psh。本方案能够提高全屏轮播图的加载效率和用户体验。

【技术实现步骤摘要】

本专利技术涉及图像处理，尤其涉及一种基于jquery全屏轮播图控制方法、装置及电子设备。

技术介绍

1、全屏轮播图是一种在网页或应用界面上广泛使用的设计元素，它通常占据整个屏幕或视口的大部分空间，并通过自动或手动的方式在多个图片或内容之间进行切换。

2、全屏轮播图的图片或内容占据整个屏幕或视口的大部分空间，使得用户一进入页面就能立即注意到。全屏轮播图通常带有自动播放功能，图片或内容会按照设定的时间间隔自动切换。用户也可以通过点击、滑动或触摸屏幕等方式手动控制图片的切换。全屏轮播图可以添加各种交互效果，如动画过渡、点击事件等，提升用户体验。

3、全屏轮播图在电商网站、新闻应用、企业官网等场景中应用广泛，可以有效地吸引用户的注意力并传递信息。然而，过度使用或设计不当的全屏轮播图也可能导致用户体验下降。。

4、现有技术在全屏轮播图设计和开发的过程中，存在如下问题：

5、1. 性能问题：

6、当轮播图包含大量高分辨率图片时，加载时间可能会变长，导致页面加载速度变慢，影响用户体验。>

7、2. 响本文档来自技高网...

【技术保护点】

1.一种基于jQuery全屏轮播图控制方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述获取n个需要进行全屏轮播的图像，形成轮播图像集合P={P1,P2,…,Pn}，对所述轮播图像集合P中的每个图像进行特征提取，得到图像特征集合K={K1,K2,…,Kn}，包括：

3.根据权利要求2所述的方法，其特征在于，所述对全屏轮播图的加载环境进行性能评估，得到加载性能向量M=[PLT, TTFB,LCP,RI]，包括：

4.根据权利要求3所述的方法，其特征在于，所述基于所述加载性能向量M和图像特征集合K，对所述轮播图像集合P中的每个图像进行...

【技术特征摘要】

1.一种基于jquery全屏轮播图控制方法，其特征在于，包括：

2.根据权利要求1所述的方法，其特征在于，所述获取n个需要进行全屏轮播的图像，形成轮播图像集合p={p1,p2,…,pn}，对所述轮播图像集合p中的每个图像进行特征提取，得到图像特征集合k={k1,k2,…,kn}，包括：

3.根据权利要求2所述的方法，其特征在于，所述对全屏轮播图的加载环境进行性能评估，得到加载性能向量m=[plt, ttfb,lcp,ri]，包括：

4.根据权利要求3所述的方法，其特征在于，所述基于所述加载性能向量m和图像特征集合k，对所述轮播图像集合p中的每个图像进行优化计算，得到优化参数集合y={y1,y2,…yn}，包括：

5.根据权利要求4所述的方法，其特征在于，所述基于优...

【专利技术属性】
技术研发人员：周少博，荆岩瑞，李蕾，苗宇，
申请(专利权)人：一网互通北京科技有限公司，
类型：发明
国别省市：