Basic Gradient Sample

$("#slideimg").cjslideimg({
	width: 550,
    height: 309
});

ui-effect (scale) (jquery ui is needed)

Download jquery ui from jqueryui.com, you can just tick the effect part

$("#slideimg").cjslideimg({
	width: 550,
    height: 309,
    effect: 'scale'
});

ui-effect (scale) with interactive

$("#slideimg").cjslideimg({
	width: 550,
    height: 309,
    effect: 'scale',
    interactive: true
});

Control the Duration and Speed

$("#slideimg").cjslideimg({
	width: 550,
    height: 309,
    effect: 'clip',
    speed: 800,
    duration: 3000
});

Show Navigation Button

$("#slideimg").cjslideimg({
	width: 550,
    height: 309,
    button: true,
    buttonSize: 8, //support square or circle with same width and height, so you can design your own style button
	buttonPosition: 'topRight' //Support 6 position (topLeft, topCenter, topRight, bottomLeft, bottomCenter, bottomRight)
});

Show Description

$("#slideimg").cjslideimg({
    width: 550,
    height: 309,
    desc: true,
    descShow: 'fixed', // fixed (always show), hover (show on mouseover)
    descPadding: 5,
});

Linking on Image

$("#slideimg").cjslideimg({
    width: 550,
    height: 309,
    effect: 'slide',
    interactive: true,
    imglink: true,
    duration: 3000
});

Easing (easing plugin is needed)

$("#slideimg").cjslideimg({
    width: 550,
    height: 309,
    effect: 'slide',
    interactive: true,
    easing: 'easeOutQuint',
    duration: 3000
});