UI | 输入 | 媒体 | 导航 | 其他 | 网页模板| APP模板| 常用代码| 在线代码

简单实用的全屏轮播

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

 45256  382  查看评论 (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响应式轮播图，无缝大屏滚动插件(原创)

 代码清晰,动画流畅,无bug的banner滚动轮播
  幻灯片和轮播图
 36263  332

jQuery仿百度图片浏览效果

 jQuery仿百度图片浏览效果
  幻灯片和轮播图
 38491  357

jquery左右全屏渐变切换焦点图特效

 全屏渐变切换焦点图特效
  幻灯片和轮播图
 31576  346

jquery全屏自适应轮播插件poposlides

 jQuery轻量级全屏自适应焦点图插件poposlides
  幻灯片和轮播图
 46524  376

讨论这个项目（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
查看更多评论
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • ⭐
  • 💖
  • 💔
取消回复