question a tenrev

[cyb2447V.I.P.]

Comment a tu fait pour avoir un effet grossissant en passant la souris sur les avatar ?

[tenrevFONDATEUR DE BIBLIO3D]

du code javascript qui donne cet effet

Code:

$(function(){
       
            if(!window.localStorage) return;
       
            // Avatar par défaut
            var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
       
            // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
            var caching_time= 24*60*60*1000;
       
            // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une 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, .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);
            };
       
        });

[cyb2447V.I.P.]

du code javascript qui donne cet effet

Code:

$(function(){
       
            if(!window.localStorage) return;
       
            // Avatar par défaut
            var default_avatar= 'http://2img.net/i/fa/invision/pp-blank-thumb.png';
       
            // Temps de cache, ici 24 h * 60 m * 60 s * 1000 ms donc un jour
            var caching_time= 24*60*60*1000;
       
            // Temps de cache d'une erreur, ici 60 s * 1000 ms donc une 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, .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);
            };
       
        });

et tu le colle ou ? dans les template ?

[tenrevFONDATEUR DE BIBLIO3D]

la gestion du forum est déja structurée , donc j'ai un espace pour coller du code javascript

[cyb2447V.I.P.]

la gestion du forum est déja structurée , donc j'ai un espace pour coller du code javascript

bon je copie colle et je voit dans le miens ci sa marche

merci

[tenrevFONDATEUR DE BIBLIO3D]

la gestion du forum est déja structurée , donc j'ai un espace pour coller du code javascript

bon je copie colle et je voit dans le miens ci sa marche

merci

c'est quoi ton forum ? pêche ? tu peux donner le lien ?

[cyb2447V.I.P.]

la gestion du forum est déja structurée , donc j'ai un espace pour coller du code javascript

bon je copie colle et je voit dans le miens ci sa marche

merci

c'est quoi ton forum ? pêche ? tu peux donner le lien ?

ici mais du css , alors j'ai trouvé l’équivalent en css mais j'ai fait une connerie ( pas sauvegardé le hoverall d'origine) du coup j'ai du changer de thème qui ma fois est plus gaie que l'ancien , je vais le personnaliser petit a petit c'est un très long travail

J'ouvre les hoverhalls avec notepad ++ pour les réécrire mais ça ce passe pas comme prévu ça m’énerve .....

PS taxé le smylie

[tenrevFONDATEUR DE BIBLIO3D]

ha super tu es vraiment à fond dans la pêche de compette
est ce que dans ton panel de contrôle du forum , tu as la possibilité de mettre du code javascript ?
sinon effectivement çà doit pouvoir se faire avec du css .....mais je ne maitrise pas vraiment , je suis débutant dans le domaine

[cyb2447V.I.P.]

ha super tu es vraiment à fond dans la pêche de compette
est ce que dans ton panel de contrôle du forum , tu as la possibilité de mettre du code javascript ?
sinon effectivement çà doit pouvoir se faire avec du css .....mais je ne maitrise pas vraiment , je suis débutant dans le domaine

et non ce sont deux langage de programmation différent chez xooit c'est du css pas le choix

merci quand meme Doc

[Contenu sponsorisé]