![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
轮播图
轮播图
新手前端王老四
一个正在前端路上跌跌撞撞的新手小白。
展开
-
对使用Swiper的补充
对于第一篇博文https://blog.csdn.net/weixin_45369499/article/details/100559263使用Swiper插件做轮播图。 我现在发现了一个问题,就是使用Swiper的4.x版本,在浏览器里图片不会自动轮播。这一下我又头大了,查了很多的博客文章和百度了许多的经验,没有说为什么图片不会自动轮播。 首先我对JavaScript部分的代码查看了下, loo...原创 2019-09-05 16:05:37 · 292 阅读 · 0 评论 -
使用Swiper插件做轮播图
今天开始做轮播,但是用原生js来写特别麻烦,何况我是一名js小白。。。 实习的第一天,boss让我们实习生做公司的官网首页,而基础上所有的首页都是带自动轮播效果的,对我来说真是头大,因为刚学js不久。到下班了,还是没能写出来。看到和我一起的实习生写出了轮播效果,下班后我就问他,是怎么做到的,得到了插件的答案。 回家后上网上查找,看到了Swiper,于是我的第一个轮播图就做出来了(ps:这也是我的第...转载 2019-09-05 15:34:44 · 716 阅读 · 1 评论 -
完善使用Swiper插件做轮播
如果你想写一个轮播图,Swiper插件是一个不错的选择方案,非常容易上手。 还记得我的第一篇博文,那是我实习的第一天写的,写的内容也关于轮播图。 如何使用Swiper做轮播,首先找到Swiper官网:https://www.swiper.com.cn/,然后获取Swiper,下载Swiper。注:在教程里面有详细的使用方法。 话多不多直接上完整代码(可修改小圆点样式以及前后按钮),简单易懂还兼备注...原创 2019-10-24 16:05:38 · 445 阅读 · 0 评论