简单手机微信图片轮播

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了简单手机微信图片轮播相关的知识,希望对你有一定的参考价值。

文件引用

<script src="~/Scripts/weui/js/swiper.min.js"></script>

js代码展示:

$(function () {
$(".swiper-container").swiper({
loop: true,
autoplay: 3000
});
})

代码展示:

<div class="swiper-container">
<div class="swiper-wrapper">

<div class="swiper-slide"><img src="~/Content/images/NEW.png" /></div>
<div class="swiper-slide"><img src="~/Content/images/优惠活动.png" /></div>
<div class="swiper-slide"><img src="~/Content/images/优惠活动.png" /></div>
</div>
<div class="swiper-pagination"></div>
</div>

这个代码能够简单的实现微信手机上面的图片轮播

 












以上是关于简单手机微信图片轮播的主要内容,如果未能解决你的问题,请参考以下文章

在手机端,两张图片并排显示,图片怎样设置比例

微信小程序商城开发-商品详情轮播(图片,视频混合)

手机版图片轮播插件

jquery图片轮播思路

微信小程序轮播图组件 swiper,swiper-item及轮播图片自适应

cssSlidy.js 响应式手机图片轮播