Raw Source Toggle Dropdown

• Minified Source

ChromeLegend / Avatar JVC

// ==UserScript==
// @name        Avatar JVC
// @namespace   HappyDestroy, modifié par Alexandre
// @description Montre les avatars en grand
// @include     http://www.jeuxvideo.com/*
// @version     1
// @grant       none
// ==/UserScript==
     
    function AVATAR() {
        if (!RegExp('^http://www.jeuxvideo.com/forums/').test(location)) {
             return;
        }
                    $('.back-img-msg div a, .back-img-msg div span').removeAttr('href').removeClass('JvCare').removeAttr('target').css('cursor', 'pointer');
                   
                    $('.back-img-msg div a, .back-img-msg div span').on('click', function() {
                            var myIMG = $(this).children('img').attr('src');
                                myIMG = myIMG.replace('avatar-md', 'avatar');
                                myIMG = myIMG.replace('avatars-md', 'avatars');
                                myIMG = myIMG.replace('avatar-sm', 'avatar');
                                myIMG = myIMG.replace('avatars-sm', 'avatars');
                           
                            $('body').append('<div class="overlay-avatar"></div>');
                            $('body').append('<div class="popup-avatar"><img src="' + myIMG + '" /></div>');
                           
                            $('.overlay-avatar').css('height', $(document).height())
                                                                    .css('width', '100%')
                                                                    .css('background-color', 'rgba(0, 0, 0, 0.6)')
                                                                    .css('z-index', '9990')
                                                                    .css('position', 'absolute')
                                                                    .css('top', '0')
                                                                    .css('left', '0');
                           
                            $('.popup-avatar').css('padding', '20px')
                                                              .css('background-color', 'white')
                                                              .css('z-index', '9999')
                                                              .css('position', 'absolute')
                                                              .css('top',  'calc(' + $(document).scrollTop() + 'px + 50%)')
                                                              .css('left', '50%')
                                                              .css('transform', 'translate(-50%,-50%)');
                           
                            $('.popup-avatar, .overlay-avatar').on('click', function() {
                                    $('.popup-avatar, .overlay-avatar').remove();
                            });
                   
                    });
    }
     
    AVATAR();
    addEventListener('instantclick:newpage', AVATAR);