带模式模式,淡入淡出模式,参数一键配置

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

 30895  304  查看评论 (7)
分享到微信朋友圈
X
带模式模式,淡入淡出模式,参数一键配置 ie兼容10
<script src="jquery-1.8.2.min.js" type="text/javascript" charset="utf-8"></script>
<script src="jquery.pj.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
    $("#pj-lunbo4").Carousel({
        'play':'false', //是否循环播放
        'prevButton':'#prev', //左按钮,这是用户自定义的选择器
        'nextButton':'#next',  //右按钮这是用户自定义的选择器
        'auto':'true',   //是否自动播放
        'play':'true' ,   //循环播放
        'WidthMax':'true' //全屏 
    });
})
</script>

楼主第一次写插件,感觉全屏模式,还是很亮的,以前经常遇到这种需求,插件为本人原创作品,转载请注明出处

插件全部参数都可以灵活配置

'play':'true', //是否重复循环播放
  'auto':'true', //自动播放
  'prevButton':'',  //上一页
  'nextButton':'' , //下一页
  'AnTimer':'800',  //动画定时器,默认为0.8s
  'playTimer':'5000', //物体运动定时器
  'WidthMax':'false',    //全屏模式
  'fade':'false',     //淡出淡出
  'eventClick':'false'  //为true的时候,插件下面的状态栏变为click触发,默认为鼠标移入触发


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

js轮播图插件slider

支持鼠标滑动以及移动端手势滑动的幻灯片播放插件
  幻灯片和轮播图
 36283  419

jQuery轮播图插件slide.js

基于jQuery拓展的轮播插件,使用方便简单,只用一句代码自动加载,方便交互
  幻灯片和轮播图
 63110  378

jQuery带缩略图的轮播

通过点击缩略图或点击缩略图左右按钮进行切换
  幻灯片和轮播图
 65549  537

jQuery图片切换插件Slides

Slides是一个jQuery插件用于将一组图片组织成一个好看的幻灯片展示控件。支持:循环、自动播放、淡入/淡出幻灯片切换效果,交叉淡入淡出,图片预加载,自动产生分页。
  幻灯片和轮播图
 54594  388

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

    酷小米 0
    2017/8/13 23:24:02

    感著?主  另外??一下 自? 左右按怙 ?怎?放.....非常感著

        酷小米0
        2017/8/13 23:39:19

        抱歉 ?看清楚  ??仔?看,看?了  感著

    回复
    . 0
    2017/3/8 21:06:54

    布局是怎么布的

    回复
    偻城760? 0
    2016/9/6 19:09:58
    如果改成无缝切换就好了,最后一张图无缝切换到第一张,那样应用范围更广。还有一点,兼容性。。。IE8都不兼容。。。不过,就喜欢你这样简洁的插件,并且说明详细
        唯一的执着。0
        2016/9/12 16:09:17
        其实有改进版本的,我上传替换的时候,被拒绝了
        西瓜0
        2016/10/26 15:10:32
        额,不好意思,以为发重复了,请在发一次,标题是注明一下。
    回复
    钱口袋 0
    2016/7/8 14:07:39
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
😃
  • 😀
  • 😉
  • 😥
  • 😵
  • 😫
  • 😘
  • 😡
  • 👍
  • 🌹
  • 👏
  • 🍺
  • 🍉
  • 🌙
  • 💖
  • 💔
取消回复