1- 默认最简易模式

$('#change_1 .a_bigImg').soChange();

//最简易模式不带任何参数，即直接切换选择器选择的对象组，所有参数为默认：隔5秒自动切换，图片过渡效果持续1秒

//源对象为自动切换的一个数组，即其本身，非其父包装元素
//如要切换图片本身就以图片组为对象，
//如要切换层就以层组为对象

2- 带前后按钮

$('#change_2 .a_bigImg').soChange({
botPrev:'#change_2 .a_last', // 按钮，上一个
botNext:'#change_2 .a_next' // 按钮，下一个
});

3- 使用数字导航切换及自定义当前状态数字的class

$('#change_3 .a_bigImg').soChange({
thumbObj:'#change_3 .ul_change_a2 span',
//导航为数字形式，选择器指向包含数字的span对象
thumbNowClass:'on',
//自定义导航对象当前class为on
changeTime:4000//自定义切换时间为4000ms
});

3- 定义对象切换方式为slide

$('#change_32 .a_bigImg').soChange({
thumbObj:'#change_32 .ul_change_a2 span',
//导航为数字形式，选择器指向包含数字的span对象
thumbNowClass:'on',
//自定义导航对象当前class为on
changeTime:4000//自定义切换时间为4000ms
});

4- 切换对象为其他，这里为包含图片和标题的层

$('#change_33 div.changeDiv').soChange({
对象指向层，层内包含图片及标题
thumbObj:'#change_33 .ul_change_a2 span',
thumbNowClass:'on'
});

5- 关闭鼠标经过thumbObj切换事件，平滑过渡间歇时间为0

$('#change_34 .a_bigImg').soChange({
thumbObj:'#change_34 .ul_change_a2 span',
thumbOverEvent:false,// 关闭鼠标经过thumbObj切换事件，只有点击thumbObj时才切换对象
thumbNowClass:'on',
slideTime:0//平滑过渡间歇为0，意味着直接切换
});

6- 带导航图标及按钮

$('#change_4 .a_bigImg').soChange({
thumbObj:'#change_4 .ul_change_a1 img',
//导航图标，选择器直接指向图标对象
botPrev:'#change_4 .a_last',
botNext:'#change_4 .a_next'
});

7- 不自动切换

$('#change_5 .a_bigImg').soChange({
thumbObj:'#change_5 .ul_change_a1 img',
//导航图标，选择器直接指向图标对象
botPrev:'#change_5 .a_last',
botNext:'#change_5 .a_next',
autoChange:false //自动切换为 false，默认为true
});

8- 在选项卡上的应用

$('#change_6 div').soChange({
thumbObj:'#change_6 h3',//导航对象指向标题h3
slideTime:0,
thumbOverEvent:false,//关闭鼠标经过切换的动作
autoChange:false
});

注：这个和相册或者幻灯似乎相差比较远，但是其实原理相同，无非是鼠标触发一个，另一个发生改变，所以，应用时请开动脑筋，充分发挥css在页面特效中的作用