图片缩放插件SmoothZoom的问题

最近一个项目需要SmoothZoom的插件，按官方给的js和调用方法，发现完全没有效果，找了很久也没找到相关文档
有没有成功使用过的高手解惑
js调用：<script type="text/javascript" src="<%=basePath %>js/jquery.js"></script>
        <script type="text/javascript" src="<%=basePath %>SmoothZoom/jquery.smoothzoom.js"></script>$("document").ready(function() {
$('#yourImageID').smoothZoom({
     width: 480,
     height: 360,
initial_ZOOM:'',
initial_POSITION:'',
animation_SMOOTHNESS:5.5,
animation_SPEED:5.5,
zoom_MAX:800,
zoom_MIN:'',
zoom_OUT_TO_FIT:'YES',
pan_BUTTONS_SHOW:'YES',
pan_LIMIT_BOUNDARY:'YES',
button_SIZE:18,
button_COLOR:'#FFFFFF',
button_BG_TRANSPARENCY:55,
button_ICON_IMAGE:'SmoothZoom/icons.png',
button_AUTO_HIDE:'NO',
button_AUTO_HIDE_DELAY:1,
button_ALIGN:'bottom right',
button_MARGIN:10,
button_ROUND_CORNERS:'YES',
mouse_DRAG:'YES',
mouse_WHEEL_CURSOR_POS:'YES',
mouse_WHEEL:'YES',
mouse_DOUBLE_CLICK:'YES',
background_COLOR:'#FFFFFF',
border_SIZE:1,
border_COLOR:'#000000',
border_RRANSPARENCY:10,
container:'',
max_WIDTH:'',
max_HEIGTH:'',
full_BROWSER_SIZE:'NO',
full_BROWSER_HEIGHT_OFF:0
});
});页面body：<div align="center">
<img src="111.jpg" id="yourImageID" />
</div>