网页html轮播图幻灯片,无bug,IOS和android适配,可滑动,可拖动,可点击

身为一个不那么优秀的后端程序员,我花了好几天,写了个前端的轮播图幻灯片,改了n多bug之后,大概没有bug了…
先上链接----
下载链接: 点击下载
预览链接: 点击预览

本轮播可以在电脑端鼠标拖动,手机端手指滑动,为了方便后端直接插入或者load进其他页面,连标签的名字我都改成了肯定不会与其他页面id或者class冲突的名字.

为了防止从第1张图点到第3张图时连续跳页,本轮播采用了不同于大部分网站轮播的方式,先将展示图的siblings标签分别挪到展示图两侧,点击后会在展示图两侧直接显示要展示的图,以防跳页.

举个例子,展示图是111,当点击右下角的333后,基本网上搜的大部分轮播都会跳两张图转到333,这个bug我一个后端程序员都忍不了了,本轮播,点了333,111右边不会出现222,直接就是333,点预览链接自己体会一下吧,我恨bug.

不要积分,不要毒盘,自己的服务器放的预览与下载链接

另外,作为一个后端程序员,我发誓,我再也不想写轮播了!!!

转载请注明出处

电脑端预览图


360截图20200206193528976.jpg

手机端预览图


360截图20200206193517228.jpg

代码就不放了,去下载吧

你可能感兴趣的:(网页html轮播图幻灯片,无bug,IOS和android适配,可滑动,可拖动,可点击)