Javascript on All pages
- Code:
$ ( function () {
if (! window . localStorage ) return ;
/ / Default Avatar
var Default_avatar = 'http://2img.net/i/fa/invision/pp-blank-thumb.png' ;
/ / Cache time, within 24 h * 60 m * 60 s * 1000 ms so one day
var caching_time = 24 * 60 * 60 * 1000 ;
/ / Cache time error, within 60 s * 1000 ms then one minute
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, img real_avatar '... , d ). first (). attr ( 'src' ) | | Default_avatar );
set_avatar ( id );
});
}
return localStorage . getItem ( 'd_ava' + id );
};
var to_replace = {};
$ ( 'strong dd.lastpost a.gensmall, ipbtable tr td:. strong last-child span a.gensmall table td.tcr a.gensmall strong, strong forumline row3.over 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 );
};
});
Then css code
- Code:
. mini_ava {
float : left ;
}
. mini_ava img {
width : 40px ;
height : 40px ;
margin : 0 5px ;
border-radius : 10px ;
transition : all 2s ;
-Moz-transition : all 2s ;
-Webkit-transition : all 2s ;
-O-transition : all 2s ;
}
. mini_ava img : hover
{
width : 80px ;
height : 80px ;
}
Well I like your attitude.
Link: http://forum.forumactif.com/t338068-avatar-du-membre-ayant-poste-en-dernier-sur-l-index-du-forum