简单实用的全屏轮播

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

 44205  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中换。

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

JS超炫切换效果焦点图代码

超炫切换效果焦点图代码,多种切换方式,兼容性好。
  幻灯片和轮播图
 38496  386

jquery仿QQ音乐精彩推荐的数组方式轮播

这个是通过数组的原理实现的改变数组的排序元素的class也随之更改产生轮播的效果(代码注释很全,修改方便)
  幻灯片和轮播图
 39698  482

非全屏轮播banner图

非全屏轮播banner
  幻灯片和轮播图
 34196  360

jQuery游戏人物轮播切换效果

jQuery游戏人物轮播切换效果,基于slick幻灯片插件制作的一款背景图片切换效果。
  幻灯片和轮播图
 31874  416

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