Avatar último assuntos compatível com perfil IPBoard

• Descrição:
  

Gostaria de um código que busca-se o avatar do membro é o adiciona-se junto ao seu nick no widget últimos asssuntos.
Se possível, um código que evita-se ao máximo o request limit
Obrigado amigos!

Nota: Já utilizei o buscar mas nenhum código resultou.

Jeep

• Informações:
  

Fórum:	[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]	Versão:	PUNBB
Tipo:	Pedido de código	Tags:	Avatar,último,assuntos,compatível,perfil,IPBoard

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Acesse Painel de Controle > Visualização > Templates > Portal > mod_recent_topics

Troque o código atual, pelo código abaixo:

Código:

   <!-- BEGIN scrolling_row -->
    <div class="module main">
      <div class="main-head"><div class="h3">{L_RECENT_TOPICS}</div></div>
      <div class="main-content" id="comments_scroll_div">
          <!-- BEGIN recent_topic_row -->
              <div class="avt_recent">
                  <div class="recent_space">
          » <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_TITLE}" title="{scrolling_row.recent_topic_row.L_TITLE}">{scrolling_row.recent_topic_row.L_TOPIC_TITLE}</a><br />
              <img src="{ICON_TIME}" alt="" />{scrolling_row.recent_topic_row.S_POSTTIME} {BY} 
                    
         <!-- BEGIN switch_poster -->
          <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.switch_poster.U_POSTER}">{scrolling_row.recent_topic_row.switch_poster.S_POSTER}</a><br /><br />
          <!-- END switch_poster -->

          <!-- BEGIN switch_poster_guest -->
          {scrolling_row.recent_topic_row.switch_poster_guest.S_POSTER}<br /><br />
          <!-- END switch_poster_guest -->

          <!--
          <a onmouseover="document.getElementById('comments_scroll_container').stop();" onmouseout="document.getElementById('comments_scroll_container').start();" href="{scrolling_row.recent_topic_row.U_POSTER}">{scrolling_row.recent_topic_row.S_POSTER}</a><br /><br />
          -->
                </div>
              </div>
          <!-- END recent_topic_row -->
      </div>
    </div>

    <script type="text/javascript">
    //<![CDATA[
    $(function(){
      div_marquee('comments_scroll_div', 'comments_scroll_container', '{SCROLL_WAY}', '{SCROLL_STEP}', '{SCROLL_DELAY}', '{SCROLL_HEIGHT}');
    });
    //]]>
    </script>
    <!-- END scrolling_row -->

    <!-- BEGIN classical_row -->
    <div class="module main">
      <div class="main-head"><h3>{L_RECENT_TOPICS}</h3></div>
      <div class="main-content">
          <!-- BEGIN recent_topic_row -->
              <div class="avt_recent">
                  <div class="recent_space">
                » <a href="{classical_row.recent_topic_row.U_TITLE}">{classical_row.recent_topic_row.L_TITLE}</a><br /> {BY} &nbsp;
                    <!-- BEGIN switch_poster -->
          <a href="{classical_row.recent_topic_row.switch_poster.U_POSTER}">{classical_row.recent_topic_row.switch_poster.S_POSTER}</a>
          <!-- END switch_poster -->

          <!-- BEGIN switch_poster_guest -->
          {classical_row.recent_topic_row.switch_poster_guest.S_POSTER}
          <!-- END switch_poster_guest -->

          {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />

          <!--
          <a href="{classical_row.recent_topic_row.U_POSTER}">{classical_row.recent_topic_row.S_POSTER}</a> {ON} {classical_row.recent_topic_row.S_POSTTIME}<br /><br />
          -->
                </div>
              </div>
          <!-- END recent_topic_row -->
      </div>
    </div>
    <!-- END classical_row -->
<style>        .avt-r img{
        -moz-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.1);
background: #fff;
border: 1px solid #d8d8d8;
box-shadow: 0 2px 2px rgba(0,0,0,0.1);
float: left;
height: 28px;
margin-right: 5px;
padding: 2px;
width: 28px;
        }
  .avt-r img{
  -moz-border-radius: 0px;
-webkit-border-radius: 0px;
border-radius: 0px;
height: 25px;
width: 25px;
  }
        </style>

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link] não apareceu nada.

Pesquisando mais afundo consegui este JS que funcionou, porém é extremamente lento para carregar os avatares. O mesmo carrega um por um.

Olhei alguns outros tópicos que comentavam de usar a gravação no HD do membro para não ter que ficar carregando toda vez, seria possível aplicar neste caso...?

Ou pelo menos diminuir a sobrecarga que este código aplica no carregamento do fórum?

Código:

jQuery(document).on('ready', function() {
jQuery('.avt_recent').prepend('<div class="avt-r"><div>');
jQuery('.avt_recent .avt-r').each(function () {
var profileUserURL = jQuery(this).parent().children('.recent_space').children('a:last').attr('href');
jQuery(this).html('<a href="' + profileUserURL + '" class="avt-r-enlace"><img src="http://r14.imgfast.net/users/1417/27/86/76/avatars/1-19.png" alt="No Avatar" /></a>');
jQuery(this).children('a').load(profileUserURL + ' p.short.photo_holder:eq(0)')
});
});

[Tens de ter uma conta e sessão iniciada para poderes visualizar este link]

Eu uso o JS abaixo e funciona perfeitamente:

Código:

jQuery(document).on('ready',function(){jQuery('.avt_recent').prepend('<div class="avt-r"><div>');jQuery('.avt_recent .avt-r').each(function(){var profileUserURL=jQuery(this).parent().children('.recent_space').children('a:last').attr('href');jQuery(this).html('<a href="'+profileUserURL+'" class="avt-r-enlace"><img src="http://r14.imgfast.net/users/1417/27/86/76/avatars/1-19.png" alt="No Avatar" /></a>');jQuery(this).children('a').load(profileUserURL+' .module:eq(0) img:eq(0)')})});