﻿$(function () {
//源物件為自動切換的一個陣列，即其本身，非其父包裝元素
//如要切換圖片本身就以圖片組為物件，
//如要切換層就以層組為對象
//預設最簡易模式
$('#change_1 .a_bigImg img').soChange();
//帶前後按鈕
$('#change_2 .a_bigImg img').soChange({
botPrev:'#change_2 .a_last',//按鈕，上一個
botNext:'#change_2 .a_next'//按鈕，下一個
});
//數位導航切換及自訂當前數字的class
$('#change_3 .a_bigImg img').soChange({
thumbObj:'#change_3 .ul_change_a2 span',
thumbNowClass:'on',//自訂導航物件當前class為on
changeTime:4000//自訂切換時間為4000ms
});
//平滑過渡間歇時間為0
$('#change_33 .a_bigImg img').soChange({
thumbObj:'#change_33 .ul_change_a2 span',
thumbNowClass:'on',
thumbOverEvent:false,
slideTime:0//平滑過渡間歇為0，意味著直接切換
});
//切換物件為其他，這裡為包含圖片和標題的層
$('#change_32 div.changeDiv').soChange({//物件指向層，層內包含圖片及標題
thumbObj:'#change_32 .ul_change_a2 span',
thumbNowClass:'on'//自訂導航物件當前class為on
});
//帶導航圖示及按鈕
$('#change_4 .a_bigImg img').soChange({
thumbObj:'#change_4 .ul_change_a1 img',//導航圖示
botPrev:'#change_4 .a_last',
botNext:'#change_4 .a_next'
});
//不自動切換
$('#change_5 .a_bigImg img').soChange({
thumbObj:'#change_5 .ul_change_a1 img',
botPrev:'#change_5 .a_last',
botNext:'#change_5 .a_next',
autoChange:false//自動切換為 false，默認為true
});
//在選項卡上的運用
$('#change_6 div').soChange({
thumbObj:'#change_6 h3',
slideTime:0,
thumbOverEvent:false,
autoChange:false//自動切換為 false，默認為true
});
});
