图片的缩略图显示

• 先展示效果：
  
• 功能说明：
  当我鼠标移动到图片上时，自动显示出扩大的图片样式。
• 分析：
  用的easyui插件，所以在easyui扩展上找相应的文档。
  需要用到的插件：
  核心插件：jeasyui.extensions.base.tooltip.js
• 代码准备：
  在jsp页面上：
  增加一个重要的事件：
  
  写上事件方法相应的js代码：

//缩略图成功后进行加载
function loadSuccess(data) {
    //拿到鼠标移动行的数据
    var rows = data.rows;
    // console.debug(rows);
    //遍历数据
    for(var i=0;i<rows.length;i++){
        //拿到一个对象
        var result = rows[i];
        //拿到缩略图
        $.easyui.tooltip.init($("img[src='"+result.smallpic+"']"), {
            position: "rigth",
            //展示图片
            content: "<div style=\"width:600px;height:480px;\"><img src='"+result.pic+"'  /></div>"
        });
    }
}