帮助中心

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

基于swiper图片视差轮播切换代码

所属分类：网页特效-焦点图/幻灯片

浏览：3065次评论：8次更新时间：2018-01-10

牛币素材VIP可免积分下载

基于swiper图片视差轮播切换代码

素材牛VIP永久特权

查看演示立即下载收藏

基于swiper图片视差轮播切换代码

查看演示立即下载

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

素材描述：jQuery基于swiper.js制作带标签的图片视差滚动，左右按钮控制轮播切换效果代码。两层图片轮播形成的这种效果。（不兼容IE678）

标签：图片视差轮播切换 swiper

文件目录结构

css

┝ swiper.min.css

img

┝ bannerL.png
┝ bannerR.png
┝ long1.jpg
┝ long2.jpg
┝ long3.jpg
┝ long4.jpg
┝ long5.jpg
┝ short1.png
┝ short10.png
┝ short2.png
┝ short3.png
┝ short4.png
┝ short5.png
┝ short6.png
┝ short7.png
┝ short8.png
┝ short9.png

┝ index.html
js

┝ jquery.min.js
┝ swiper.min.js

展开查看全部

相关素材 - 焦点图/幻灯片

可加入视频、图片的轮播swiper插件（可以拖动、视频存在加载条）

可加入视频、图片的轮播swiper插件（可以拖动、视频存在加载条）

可以拖拽实现切换图片，可以将图片和视频一起实现滑动。视频存在进度条，进度条完毕，实现切换

焦点图/幻灯片,音乐视频

环形图片展示轮播效果3D背景插件模板

环形图片展示轮播效果3D背景插件模板

环形图片展示轮播效果3D背景插件模板是一款将图片以3D效果的方式旋转展示，点击任意图片立即切换至当前首张图片。

图片特效,图片滚动

leaflet多种地图图层切换效果

leaflet多种地图图层切换效果

leaflet加载谷歌地图、高德地图、arcgis等各种地图，可以进行图层任意切换效果

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

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

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

焦点图/幻灯片

vue.js单排图文卡片滚动切换网页特效

vue.js单排图文卡片滚动切换网页特效

vue.js制作一款简单的单排图文卡片滚动切换代码，图片文字卡片布局，点击左右箭头控制卡片向左向左滚动切换。

图片特效,滑块/旋转/滚动

HTML5手机端手指滑动上拉加载

HTML5手机端手指滑动上拉加载

jQuery HTML5手机端手指滑动上拉加载代码是一款通过jquery实现tab切换和上拉加载更多的效果，适用于手机端页面开发。

选项卡/滑动门,滑块/旋转/滚动

带缩略图轮播效果（全屏切换）

带缩略图轮播效果（全屏切换）

点击缩略图或点击缩略图左右按钮进行切换

焦点图/幻灯片

基于swiper仿手机移动端下拉框

基于swiper仿手机移动端下拉框

基于swiper框架二次开发的移动端下拉选择框

输入/选择框/联动,移动端/响应式

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

华***n

2018年01月12日

奈斯~

18***83

2018年01月17日

good

冷***吹

2018年01月23日

挺有意思

ha***24

2018年02月23日

奈斯~good

85***54

2018年03月30日

学习了，感谢分享，

11***62

2018年03月30日

感谢分享，

等***6

2018年07月31日

不错不错

18***57

2018年08月08日

收藏5

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

我的牛币余额：0

所需牛币：5 开始下载

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

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