<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
<script src="jquery-1.4.2.min.js" type="text/javascript"></script>
<script src="jquery.imgAutoResizer.js" type="text/javascript"></script>
</head>
<body>
<p id="img1" data-img-size="200,200" data-img-url='201202290527DD55232D.jpg' style='height: 200px; width: 200px; border: 1px solid #ddd; padding: 5px;'>
<a target="_blank" href='http://baidu.com'></a>
</p>
<script type="text/javascript">
$(document).ready(function(){
$('#img1').imgAutoResizer({
loading: function () { $(this).text('loading..'); }
, error: function () { $(this).text('无效图片'); }
});
});
</script>
</body>
</html>