Avatar em tópicos recentes - div especial

Qual é minha questão:
Ola a todos. Venho aqui pedir ajuda para terminar um pequeno código que estou a fazer no meu fórum.

O código em questão é nada mais que uma div onde os apareçem o tópicos recentes postados. Apesar de não ser o widget convencional (foi usado um código java para eles), eu queria colocar o avatar do membro que fez o ultimo post á esquerda de cada um dos links

Após algumas tentativas sem resultado vim aqui perdir a vossa ajuda. Obrigado a todos desde já




Código usado para tentar colocar os avatares:

Java

Código:


$(function(){
var x = $('#left')[0]; // widget da esquerda;
var y = $('#right')[0]; // widget da direita;
$(y).find('#uanop a[href^="/t"]').each(function() {
var linkavt = $(this).next().next().attr('href');
var titleavt = $(this).next().next().text();
$(this).prepend('<a href="'+linkavt+'" title="'+titleavt+'"></a>');
$(this).children('a').load(linkavt +'#profile-advanced-right .module:eq(0) img:eq(0)', function() {
$(this).children('img').attr('class','avt-wid');
});
$(this).find('a[href^="/u"]').insertBefore($(this));
});});


CSS

Código:


    .avt-wid {
    float: left;
    margin-right: 5px;
    width: 33px;
    height: 33px;
    margin: 3px;
    padding: 1px;
    border: 1px solid #D5D5D5 !important;
    background: white;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.1);
    }
    .avt-wid:hover {
    border-color: #A1A1A1 !important;
    -webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.2);
    box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.2);
    }


Imagem do painel em questão: [Tens de ter uma conta e sessão iniciada para poderes visualizar este link]


Endereço do meu fórum:
[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Versão:
PunBB

Tente com este script:

Código:

$(function(){
var y = $('#uanop')[0];
$(y).find('a[href^="/t"]').each(function() {
var linkavt = $(this).next().next().next().attr('href');
var titleavt = $(this).next().next().next().text();
$(this).prepend('<a href="'+linkavt+'" title="'+titleavt+'"></a>');
$(this).children('a').load(linkavt +'#profile-advanced-right .module:eq(0) img:eq(0)', function() {
$(this).children('img').attr('class','avt-wid');
});
$(this).find('a[href^="/u"]').insertBefore($(this));
});});

Até mais!

Caro Daemon, não houve qualquer resultado com o novo script.

O script não tem erro, o problema é que você utiliza o perfil ipb, enfim, troque por este:

Código:

$(function(){
var y = $('#uanop')[0];
$(y).find('a[href^="/t"]').each(function() {
var linkavt = $(this).next().next().next().attr('href');
var titleavt = $(this).next().next().next().text();
$(this).prepend('<a href="'+linkavt+'" title="'+titleavt+'"></a>');
$(this).children('a').load(linkavt +'.short img:eq(0)', function() {
$(this).children('img').attr('class','avt-wid');
});
$(this).find('a[href^="/u"]').insertBefore($(this));
});});

Até mais!