modifier la dimension des photos dans le panel "Visitors"

Redimentionner les photos des panels : (à placer dans le dernier panel de votre partie droite.)

<style type="text/css">
.avPic { width:auto!important; height:auto!important; }
</style>
<script type="text/javascript">
    function getNaturalWidth(dImg) {
        var naturalWidth  = -1;
        if(dImg.naturalWidth != null) {
            naturalWidth = dImg.naturalWidth;
        } else if(dImg.runtimeStyle) {
            dImg.runtimeStyle.width= 'auto';
            dImg.runtimeStyle.height= 'auto';
            dImg.runtimeStyle.borderWidth= '0';
            dImg.runtimeStyle.padding= '0';
            naturalWidth =  dImg.offsetWidth;
            dImg.runtimeStyle.width= '';
            dImg.runtimeStyle.height= '';
            dImg.runtimeStyle.borderWidth= '';
            dImg.runtimeStyle.padding= '';
        } else {
            var dImgBk = dImg.cloneNode(true);
            dImg.className = '';
            dImg.style.width = 'auto !important';
            dImg.style.height = 'auto !important';
            dImg.style.borderWidth= '0 !important';
            dImg.style.padding= '0 !important';
            dImg.removeAttribute('width');
            dImg.removeAttribute('height');
            naturalWidth =  dImg.width;
            dImg.setAttribute('width' , dImgBk.getAttribute('width') );
            dImg.setAttribute('height', dImgBk.getAttribute('height') );
            dImg.style.width = dImgBk.style.width ;
            dImg.style.height = dImgBk.style.height ;
            dImg.style.padding = dImgBk.style.padding ;
            dImg.style.borderWidth=  dImgBk.style.borderWidth ;
            dImg.style.className = dImgBk.style.className ;
        }
        return(naturalWidth);
    }
    function getNaturalHeight(dImg) {
        var naturalHeight  = -1;
        if(dImg.naturalHeight != null) {
            naturalHeight = dImg.naturalHeight;
        } else if(dImg.runtimeStyle) {
            dImg.runtimeStyle.width= 'auto';
            dImg.runtimeStyle.height= 'auto';
            dImg.runtimeStyle.borderWidth= '0';
            dImg.runtimeStyle.padding= '0';
            naturalHeight = dImg.offsetHeight;
            dImg.runtimeStyle.width= '';
            dImg.runtimeStyle.height= '';
            dImg.runtimeStyle.borderWidth= '';
            dImg.runtimeStyle.padding= '';
        } else {
            var dImgBk = dImg.cloneNode(true);
            dImg.className = '';
            dImg.style.width = 'auto !important';
            dImg.style.height = 'auto !important';
            dImg.style.borderWidth= '0 !important';
            dImg.style.padding= '0 !important';
            dImg.removeAttribute('width');
            dImg.removeAttribute('height');
            naturalHeight =  dImg.height;
            dImg.setAttribute('width' , dImgBk.getAttribute('width') );
            dImg.setAttribute('height', dImgBk.getAttribute('height') );
            dImg.style.width = dImgBk.style.width ;
            dImg.style.height = dImgBk.style.height ;
            dImg.style.padding = dImgBk.style.padding ;
            dImg.style.borderWidth=  dImgBk.style.borderWidth ;
            dImg.style.className = dImgBk.style.className ;
        }
        return(naturalHeight);
    }   
    function ResizeIt {
        var imgGroup = document.getElementById('cool_panel
_body').getElementsByTagName('img');
        for (var i=0; i<imgGroup.length; i++) {
            imgGroup[i].style.width=getNaturalWidth(imgGroup[i])+'px';
            imgGroup[i].style.height=getNaturalHeight(imgGroup[i])+'px';
        }
    }
    document.onload=ResizeIt;
</script>

*Ce code vas mettre les images de votre panel "My Visitors" en taille réelle au lieu de 80x100 vous les aurez à 160x220.

Commentaires (1)

1. Alciyone 13/12/2009

Ce code ne fonctionne pas sur ma page, malgré plusieurs essais à divers emplacements...

Ajouter un commentaire
 

Créer un site gratuit avec e-monsite - Signaler un contenu illicite sur ce site