https://github.com/chenxuan0000/3d-imgslider

3d轮播图 基于jq 带手势操作
https://github.com/chenxuan0000/3d-imgslider

3d-slider

Last synced: 2 months ago
JSON representation

3d轮播图 基于jq 带手势操作

• Host: GitHub
• URL: https://github.com/chenxuan0000/3d-imgslider
• Owner: chenxuan0000
• Created: 2017-04-15T05:03:46.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2017-11-01T03:47:31.000Z (over 7 years ago)
• Last Synced: 2025-02-06T08:11:15.647Z (4 months ago)
• Topics: 3d-slider
• Language: JavaScript
• Homepage:
• Size: 4.45 MB
• Stars: 3
• Watchers: 1
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## a jQuery 3D img slider

## Usage

创建一个dom容器

```html



        


            0

                

            

            1

                

            

            2

                

            

            3

                

            

            4

                

            

            5

                

            

            6

                

            

            7

                

            

        

    

```


引入需要的css js

```html

 //reset

 //demo.css

 //手势库插件 需要的话

 

 //3d轮播图插件

```

初始化js

```javascript

  $.fn.css3Slider = {

         containerId: 'css3Slider',

         containerWidth: '500',

         containerHeight: '300',

         perspective: '1400',

         autoPlay: false,

         hoverParse: true,

         clickFront: true,  

         swiftMove: true,   //swiftMove配置为true 需要引入hammer.min.js

         animationTime: '12',

         translateZmore: '100'

     };

```