帮助中心

首页网页特效整站源码 PHP实例网站模版工具箱常用代码论坛游戏源码资源分享

简单好用的jQuery轮播图

所属分类：网页特效-焦点图/幻灯片,图片特效,按钮控制

浏览：256次评论：2次更新时间：2023-03-04

牛币素材VIP可免积分下载

简单好用的jQuery轮播图

素材牛VIP永久特权

查看演示立即下载收藏

简单好用的jQuery轮播图

查看演示立即下载

积分说明：注册即送10牛币，每日签到可获得5牛币，成为VIP会员可永久免牛币下载！充值积分充值会员更多说明»

素材描述：一款简单好用的jQuery轮播图，幻灯片插件

标签：展示图轮播图幻灯片焦点图

详细介绍

参数名	参数值(默认值可省略)
type	scrollX (默认) : 水平滚动
	scrollY : 垂直滚动
	fade : 淡入淡出
	fragment : 碎片翻页
src	Array : 传入路径数组
indicator	Boolean : 是否开启下方指示器(默认false)
arrow	Boolean : 是否开启前后翻页按钮(默认false)
speed	Number : 翻页动画速度(默认600)
autoPlay	Boolean : 是否开启自动轮播(默认true)
playSpeed	Number : 自动播放间隔时间(默认3000毫秒)
fragmentNum	Number : 碎片翻页中碎片个数(默认4个)
color	String : 指示器未选中颜色(默认'white')
activeColor	String : 指示器选中颜色(默认'#248BD6')

文件目录结构

css

┝ swiper.css

image

┝ t1.png
┝ t2.png
┝ t3.png
┝ t4.png
┝ t5.png

┝ index.html
js

┝ jquery.js
┝ swiper.jquery.js

展开查看全部

相关素材 - 焦点图/幻灯片,图片特效,按钮控制

简洁大方的自适应图片轮播插件

简洁大方的自适应图片轮播插件

简洁大方的自适应图片轮播插件，支持移动端滑动切换同时兼容性也非常的好

焦点图/幻灯片

jQuery带缩略图的上下轮播图插件SliderPro

jQuery带缩略图的上下轮播图插件SliderPro

jQuery基于SliderPro实现的左右布局带缩略图上下轮播图的效果

焦点图/幻灯片

简单实用的图片自动轮播插件jquery.SuperSlide.js

简单实用的图片自动轮播插件jquery.SuperSlide.js

用的时候只要把图片换了就行了，要显示几个图片就把“vis：3”改成几，用起来非常方便

焦点图/幻灯片,图片特效,触屏/拖拽/下拉

基于vue.js实现左右滚动滑块效果

基于vue.js实现左右滚动滑块效果

这是一个基于vue.js实现左右滚动滑块效果，这个案例可以当成轮播图使用，文中示例代码介绍的非常详细。

焦点图/幻灯片,图片特效,按钮控制,图片滚动

jQuery手机端图片幻灯轮播效果

jQuery手机端图片幻灯轮播效果

jquery图片无限切换轮播特效，jquery手机端图片幻灯轮播代码。

焦点图/幻灯片

jQuery兼容手机移动端相册图片幻灯片插件PhotoSwipe v4.1.1

jQuery兼容手机移动端相册图片幻灯片插件PhotoSwipe v4.1.1

PhotoSwipe是一个专门针对移动设备的图像画廊，它的灵感来自iOS的图片浏览器和谷歌移动端图像。 PhotoSwipe提供您的访客熟悉和直观的界面，使他们能够与您的移动网站上的图像进行交互。

焦点图/幻灯片,图片特效,悬浮层/弹出层

HTML轮播图带上下滚动效果插件

HTML轮播图带上下滚动效果插件

HTML轮播图带上下滚动效果插件是一款轮播图片可以单击选择想要显示的图片，切换更方便。

焦点图/幻灯片,图片特效,按钮控制,图片滚动,缩略图

vue滑动轮播图插件vueswiper

vue滑动轮播图插件vueswiper

vue-concise-slider,一个简单的滑动组件,配置简单,支持自适应/全屏+按钮+分页,同时兼容移动端和PC端

焦点图/幻灯片,移动端/响应式

讨论这个素材（2）回答他人问题或分享使用心得会奖励牛币

qq***18

2023年03月04日

不错，简单

wx***60

2023年03月08日

拿积分的

文明上网，理性发言！ 😉 阿里云幸运券，戳我领取

我的牛币余额：0

所需牛币：10 开始下载

牛币获取：签到、评论、充值 » 在线充值（10牛币=1元）

此素材VIP可免积分下载 » 查看详情