Jcircle - 响应式圆形轮播图插件

var circle= new jCircle({

    'container': 'circles-container',

    'circle': 'circle',

    'mainContent':'main-circle-content',

    'animateCircles':true,

    'speed':3,

    'mainViewStyle':'normal',

    'minCirclesEffectOver':'pulse',

    'contentType':'images',

    'stopOnOverMain':false,

    'mainContentOverAction':'normal'

});

circle.create();

var circle= new jCircle({

    // Contains All Content

    container: 'circles-container',

    // DIV That Contains Mini DIVs Circles 

    circle: 'circle', 

    // Center Big Circle

    mainContent:'main-circle-content', 

    // Class Name For Mini Circles DIVs

    minCirclesClass: 'min-circle', 

    // For Internal Use, Array Of Mini Circles DIVs

    minCircles: [], 

    // [normal | enlarge-view]

    mainViewStyle: 'normal',

    // Animates Mini Circles?

    animateCircles: true, 

    // Animation Type [rotateSelf]

    animateType: 'rotateAround', 

    // Animation Status [pause | play]

    animateStatus: 'play',

    // Animation Delay Time (speed) [Number Of Seconds]

    speed: 3, 

    // Stops Animation On Mouse Over [true | false]

    stopOnOverMain: true, 

    stopOnOverMini: true, 

    // [pulse, zoomOutIn, flip, rotate]

    minCirclesEffectOver: 'none', 

    // [images | text]

    contentType: 'images', 

    // Enlarge Center Area On Mouse Over 

    mainContentOverAction: 'normal'

});