# ESlider

**Repository Path**: cowboy13/ESlider

## Basic Information

- **Project Name**: ESlider
- **Description**: 网页图片轮播插件
- **Primary Language**: JavaScript
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 13
- **Forks**: 0
- **Created**: 2015-02-02
- **Last Updated**: 2023-01-03

## Categories & Tags

**Categories**: jquery-plugins

**Tags**: None

## README

# ESlider 1.0.0
https://github.com/egame/ESlider 

## 简介
* 基于jquery的图片轮播组件
* 不做大而全，只做网站最最常用的几组效果（横向\纵向\渐变\无动画）
* 提供回调函数方便扩充特殊需求

## 使用
还用我教么？代码注释够多了，下载下来就用吧，so easy！

附上初始化代码：
```js 
$('#sliderBanner1').eslider({
    //命名空间
    namespace: 'es',
    //内容包裹元素选择器
    conBox: '.fn_con',
    //内容元素选择器 [内容元素不能与其它元素混合处于同一父元素内]
    conItem: '.fn_con_item',
    //tab选中样式名
    tabOnClass: 'es_tab_item_on',
    //切换类型v(纵向)\h(横向)\a(透明度)\n(无效果)
    type: 'h',
    //boolean:是否循环展示
    animationLoop: true,
    //触发事件
    ev: 'mouseover',
    //隐藏标题栏
    hideTitleBar: false,
    //前进\后退按钮显示方式  1[自动隐藏]，2[始终显示]，3[始终隐藏]
    showBtn: 1,
    //延迟触发时长，事件为mouseover时启用，防止切换按钮误触
    hoverDelay: 50,
    //是否自动切换 true\false
    auto: true,
    //动画速度
    speed: 500,
    //切换时间
    time: 4000,
    //切换缓动效果 swing,linear,easeOutQuad
    easing : 'easeOutQuad',
    //跳转到对应图片前调用，返回当前索引值及顶级包裹元素对象
    before: null,
    //跳转到对应图片后回调，返回当前索引值及顶级包裹元素对象
    after: null
});   
```
## 一句话
好用好用真好用。。。