简单实用的全屏轮播

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

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

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

有道的banner轮播切换效果js实例

基于swiper的banner切换效果js实例,自适应轮播图
  幻灯片和轮播图
 47428  459

jQuery 3d轮播插件flipster.js

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

兼容ie7十来种3d轮播切换效果

兼容ie7十来种3d轮播切换效果,支持触摸切换,用代码给你flash的感觉
  幻灯片和轮播图
 40680  453

带各种百叶窗过渡效果的jQuery幻灯片插件

osSlider是一款简单实用的带各种百叶窗过渡效果的jQuery幻灯片插件。该幻灯片插件在slide过渡时随机生成各种百叶窗效果,它使用简单,通过简单的设置即可正常工作。
  幻灯片和轮播图
 34336  398

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