简单实用的全屏轮播

所属分类:媒体-幻灯片和轮播图

 41079  363  查看评论 (29)
分享到微信朋友圈
X
简单实用的全屏轮播 ie兼容8
  1. 在commom.js中可以快速配置轮播

JavaScript Document

轮播配置

var picTotal = 3; //图片总张数,必须修改
var change_delay = 3000; //图片切换间隔,单位毫秒
var change_speed = 800; //图片求换速度,单位毫秒
var arr = new Array(
    "text1", //文本1
    "text2", //文本2
    "text3" //文本3
);
var change_mode = 1;//切换模式,共有3中分别为上一张图片50%移动,100%移动,和不移动;
var direction = 0; //滚动方向:1向右,0向左

2.本插件使用background-image,所以换图片需要到style.css中换。

相关插件-幻灯片和轮播图

带进度条的jQuery轮播图

带进度条jQuery轮播图,可左右切换、按钮切换
  幻灯片和轮播图
 41615  385

点击左右箭头滚动

点击滚动JQ插件,可自动滚动,可配置滚动速度,滚动个数等参数
  幻灯片和轮播图
 43833  371

jQuery 3d轮播插件flipster.js

JQuery+css实现图片轮播效果,支持移动端拖动切换。
  幻灯片和轮播图
 59962  515

SuperSlidev2.1焦点图幻灯片tab

SuperSlide 致力于解决网站大部分特效展示问题,使网站代码规范整洁,方便维护更新。 网站上常用的“焦点图/幻灯片”“Tab标签切换”“图片滚动”“无缝滚动”等只需要一个SuperSlide即可解决!
  幻灯片和轮播图
 42690  404

讨论这个项目(29)回答他人问题或分享插件使用方法奖励jQ币 评论用户自律公约

    ?? ??? ?? 0
    2021/7/14 14:59:58
    ˇ ? ˇ 0
    2018/6/5 14:25:41
    有bug 缩小浏览器后再放大 会出现问题
        ? Floating dream ?0
        2018/9/6 17:18:35
        我都没法下载
    回复
    (′-`).?oO 0
    2017/12/3 16:25:38
    点击下面那个btn有点bug 回复
    河科生活全能墙 0
    2017/8/8 15:49:12

    这个效果怎么样

    回复
    Francis “雄£ 0
    2017/5/28 18:09:42

    就像要这个插件啊

        devoted0
        2017/11/18 10:00:09

        怎么下载啊要j币

    回复
    樱┝木 0
    2017/2/16 9:36:15

    首张图片 不显示 “content”内容啊,求解决!!!!!!!

        虚构丶1
        2017/8/16 17:33:56

        图片使用的position:absolute; 看一下是不是定位的问题,或者是z-index的问题

    回复
    周先生丶 0
    2016/10/17 17:10:59
    JQ币啊JQ币
        一夕流年╁0
        2018/4/12 13:23:07
        可以充值
    回复
    ????(灵) 0
    2016/5/18 14:05:03
    我都没有jq币
        我叫熊尼玛0
        2018/4/20 11:50:46
        听说回复有?
    回复
    路边金盏草 0
    2016/4/26 15:04:03
    ZS 0
    2016/4/10 11:04:25
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复