html代碼：
????<div?id="idContainer">?</div>
????<input?id="idLeft"?type="button"?value="向左旋轉(zhuǎn)"?/>
????<input?id="idRight"?type="button"?value="向右旋轉(zhuǎn)"?/>
????<input?id="idVertical"?type="button"?value="垂直翻轉(zhuǎn)"?/>
????<input?id="idHorizontal"?type="button"?value="水平翻轉(zhuǎn)"?/>
????<input?id="idReset"?type="button"?value="重置"?/>
????<input?id="idSrc"?type="text"?value="images/2.jpg"?/>
????<input?id="idLoad"?type="button"?value="換圖"?/>
jquery代碼實(shí)現(xiàn)旋轉(zhuǎn),與局部放大：
var?container?=?$$("idContainer"),src?=?"images/1.jpg",
options?=?{
onPreLoad:?function(){?container.style.backgroundImage?=?"url('images/1.jpg')";?},
onLoad:?function(){?container.style.backgroundImage?=?"";?},
onError:?function(err){?container.style.backgroundImage?=?"";?alert(err);?}
},
it?=?new?ImageTrans(?container,?options?);
it.load(src);
//垂直翻轉(zhuǎn)
$$("idVertical").onclick?=?function(){?it.vertical();?}
//水平翻轉(zhuǎn)
$$("idHorizontal").onclick?=?function(){?it.horizontal();?}
//左旋轉(zhuǎn)
$$("idLeft").onclick?=?function(){?it.left();?}
//右旋轉(zhuǎn)
$$("idRight").onclick?=?function(){?it.right();?}
//重置
$$("idReset").onclick?=?function(){?it.reset();?}
//換圖
$$("idLoad").onclick?=?function(){?it.load(?$$("idSrc").value?);?}