Аватар возле последнего сообщения в оглавлении форума

Как это выглядит

Данный туториал позволяет показывать аватары авторов последних сообщений в оглавлении форума, рядом со ссылкой на последнее сообщение. При наведении мышкой на изображение аватара, оно увеличивается. С помощью настроек CSS вы можете задать оформление по своему вкусу.

Код:

        $(function(){
       
            if(!window.localStorage) return;
       
            // Аватар по умолчанию
            var default_avatar= 'http://illiweb.com/fa/invision/pp-blank-thumb.png';
       
            // Время кэширования,  здесь 24 h * 60 m * 60 s * 1000 ms то есть один день
            var caching_time= 24*60*60*1000;
       
            // Время кэширования ошибки, здесь 60 s * 1000 ms то есть одна минута
            var caching_error= 60*1000;
       
            var set_avatar= function(id) {
                $('.mini_ava.member'+id).html('<img src="'+get_avatar(id)+'" />');
            };
       
            var get_avatar= function(id) {
                if(localStorage.getItem('t_ava'+id) < +new Date - caching_time || (localStorage.getItem('d_ava'+id)==default_avatar && localStorage.getItem('t_ava'+id) < +new Date - caching_error))
                {
                    localStorage.setItem('d_ava'+id, default_avatar);
                    $.get('/u'+id, function (d){
                        localStorage.setItem('t_ava'+id,+new Date);
                        localStorage.setItem('d_ava'+id, $('#profile-advanced-right .module:first div img:first,.forumline td.row1.gensmall:first > img, .frm-set.profile-view.left dd img,dl.left-box.details:first dd img, .row1 b .gen:first img, .real_avatar img',d).first().attr('src')||default_avatar);
                        set_avatar(id);
                    });
                }
                return localStorage.getItem('d_ava'+id);
            };
       
            var to_replace= {};
       
            $('dd.lastpost strong a.gensmall, .ipbtable tr td:last-child span strong a.gensmall, .table td.tcr strong a.gensmall, .forumline .row3.over strong a.gensmall').each(function(){
                to_replace[$(this).attr('href').substr(2)]= 1;
                $(this).closest('td,dd').prepend('<div class="mini_ava member'+$(this).attr('href').substr(2)+'"></div>');
            });
       
            for(i in to_replace)
            {
                set_avatar(i);
            };
       
        });

Код:

.mini_ava {
          float: left;
        }
        .mini_ava img {
          width: 40px;
          height: 40px;
          margin: 0 5px;
          border-radius: 10px;
          transition: all 1s;
          -moz-transition: all 1s;
          -webkit-transition: all 1s;
          -o-transition: all 1s;
        }
        .mini_ava img:hover
        {
          width: 80px;
          height: 80px;
        }

В ПА > Модули > Управление кодами JS
укажите "Активировать управление кодами Javascript :да"

Dana Domirani пишет:

В ПА > Модули > Управление кодами JS
укажите "Активировать управление кодами Javascript :да"

Не забыли включить?

По поводу профиля для гостей так там он для гостей скрыт.

Код:

<link rel="stylesheet" type="text/css" href="http://www.patmax.eu/CSS1/120330112525.css" />
  <script type="text/javascript" src="http://www.patmax.eu/J1/120404181157.js"></script>
  <script type="text/javascript" src="http://www.patmax.eu/J1/120330112609.js"></script>
  <script type="text/javascript">
      jQuery(function() {
          jQuery(".jMyCarousel").jMyCarousel({
              visible: '100%'
          });
      });
  </script><div class="jMyCarousel">
    <ul>
        <li><img src="http://uploads.ru/i/F/9/n/F9nhx.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/f/v/m/fvmTj.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/A/x/u/Axuzl.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/X/o/7/Xo79G.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/B/H/F/BHFA2.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/j/P/s/jPswp.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/f/p/H/fpHOe.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/E/i/W/EiWOt.jpg" width="160" height="107"></li>
        <li><img src="http://shot.photo.qip.ru/302KKUI.jpg" width="160" height="107"></li>
        <li><img src="http://savepic.net/784868.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/J/p/R/JpR4l.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/W/9/x/W9xN5.jpg" width="160" height="107"></li>
        <li><img src="http://ultimatechatmpcha.4bb.ru/uploads/0002/23/31/238446-2-f.jpg" width="160" height="107"></li>
        <li><img src="http://savepic.ru/2766772.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/i/w/j/iwjJN.jpg" width="160" height="107"></li>
        <li><img src="http://uploads.ru/i/1/3/k/13kmv.jpg" width="160" height="107"></li>
   
  </ul>
</div>


Почему-то показываются нейтральные аватарки?

Не показывает с правами админа.

<script type="text/javascript">var pvf= document.getElementById('main-content').firstChild; while(pvf.className!='forabg' && pvf.className!='h3' && (pvf=pvf.nextSibling) ); var i= 1; while(pvf && pvf.className=='forabg') { vf=pvf.firstChild.firstChild.nextSibling; vf.firstChild.style.cursor='pointer'; vf.firstChild.id='catret'+(i++); vf.firstChild.onclick=function() { if(parseInt(my_getcookie(this.id))==1) { my_setcookie(this.id,'0',0,0); this.parentNode.nextSibling.style.display='block'; } else { my_setcookie(this.id,'1',1,0); this.parentNode.nextSibling.style.display='none'; } }; if(parseInt(my_getcookie(vf.firstChild.id))==1) vf.nextSibling.style.display='none'; pvf= pvf.nextSibling; } </script>

Syntax error at line 70 while loading: unexpected character: U+00B7
d("Copy");} document·cookie = "trowncomp
--------------------^

Код:

var content="<INPUT class=button onclick=translateAlltoCyrillic();upgradeclipboard(); type=button value='в кириллицу'><INPUT class=button onclick=translateAlltoLatin();upgradeclipboard(); type=button value='в латиницу'>";var arr=document.getElementsByTagName("form");var rus_lr2 = ('Е-е-О-о-Ё-Ё-Ё-Ё-Ж-Ж-Ч-Ч-Ш-Ш-Щ-Щ-Ъ-Ь-Э-Э-Ю-Ю-Я-Я-Я-Я-ё-ё-ж-ч-ш-щ-э-ю-я-я').split('-'); var lat_lr2 = ('/E-/e-/O-/o-ЫO-Ыo-ЙO-Йo-ЗH-Зh-ЦH-Цh-СH-Сh-ШH-Шh-ъ'+String.fromCharCode(35)+'-ь'+String.fromCharCode(39)+'-ЙE-Йe-ЙU-Йu-ЙA-Йa-ЫA-Ыa-ыo-йo-зh-цh-сh-шh-йe-йu-йa-ыa').split('-'); var rus_lr1 = ('А-Б-В-Г-Д-Е-З-И-Й-К-Л-М-Н-О-П-Р-С-Т-У-Ф-Х-Х-Ц-Щ-Ы-Я-а-б-в-г-д-е-з-и-й-к-л-м-н-о-п-р-с-т-у-ф-х-х-ц-щ-ъ-ы-ь-ь-я').split('-'); var lat_lr1 = ('A-B-V-G-D-E-Z-I-J-K-L-M-N-O-P-R-S-T-U-F-H-X-C-W-Y-Q-a-b-v-g-d-e-z-i-j-k-l-m-n-o-p-r-s-t-u-f-h-x-c-w-'+String.fromCharCode(35)+'-y-'+String.fromCharCode(39)+'-'+String.fromCharCode(96)+'-q').split('-'); var rus_rl = ('А-Б-В-Г-Д-Е-Ё-Ж-З-И-Й-К-Л-М-Н-О-П-Р-С-Т-У-Ф-Х-Ц-Ч-Ш-Щ-Ъ-Ы-Ь-Э-Ю-Я-а-б-в-г-д-е-ё-ж-з-и-й-к-л-м-н-о-п-р-с-т-у-ф-х-ц-ч-ш-щ-ъ-ы-ь-э-ю-я').split('-'); var lat_rl = ('A-B-V-G-D-E-JO-ZH-Z-I-J-K-L-M-N-O-P-R-S-T-U-F-H-C-CH-SH-SHH-'+String.fromCharCode(35)+String.fromCharCode(35)+'-Y-'+String.fromCharCode(39)+String.fromCharCode(39)+'-JE-JU-JA-a-b-v-g-d-e-jo-zh-z-i-j-k-l-m-n-o-p-r-s-t-u-f-h-c-ch-sh-shh-'+String.fromCharCode(35)+'-y-'+String.fromCharCode(39)+'-je-ju-ja').split('-'); var translitown=0;var language = 0; if (document.images) {swrus_src = new Image; swrus_src = "pict/swrus.gif";swlat_src = new Image; swlat_src = "pict/swlat.gif";} function setfoc(){document.post.message.focus();} function compbelongs(isprivate) { translitown = isprivate; if (translitown==1) {document.post.message.createTextRange().execCommand("Copy");} document·cookie =

Angelicka пишет:Вчера всё работало и аватарки были пользовательские, а сегодня авы нейтральные