Картинки-превьюшки в поиске

<div id="author_info">  
<div class="author_block">  
<div class="author_avatar"></div>  
<div class="author_name"></div>  
</div>  
</div>  

<script type="text/javascript">  
var xml = $.ajax({   
type: 'GET',   
url: '/api/index/8-<?substr($PROFILE_URL$, strrpos($PROFILE_URL$,"8-")+2)?>',   
dataType: 'xml',   
async: false   
}).responseText;   
var userAvatar = $(xml).find('struct:first member:contains("USER_AVATAR")').find('string').text();   
var userName = $(xml).find('struct:first member:contains("USER_NAME")').find('string').text();   
var userGroup = $(xml).find('struct:first member:contains("USER_GROUPNAME")').find('string').text();   
if(userAvatar=='') {userAvatar='http://yraaa.ru/images/noavatar.gif'}  
$('.author_avatar').html('<a href="$PROFILE_URL$"><img src="'+userAvatar+'" alt="" /></a>');  
$('.author_name').html('<a href="$PROFILE_URL$">'+userName+'</a><span>'+userGroup+'</span>');  
</script>  

<style type="text/css">  
.author_block {display:table;margin:20px 0px}  
.author_avatar, .author_name {display:table-cell;vertical-align:top}  
.author_avatar {width:84px}  
.author_avatar img {width:64px;height:64px;object-fit:cover}  
.author_name a {font-weight:bold}  
.author_name span {display:block;font-size:13px;padding-top:7px;}  
</style>