imvucodes - original size visitors avatar pictures

Original size visitors avatar pictures

This allows you to resize any pictures in the visitors panel to their original sizes. This code should work on a lot of browsers: Safari, Firefox, IE6+, Opera. If you are familiar with javascript you might change the imggroup variable to only change chosen images. Make sure you put this code at the very end of your imvu page (the panel that is best for this is the very lower right panel!).

<style type="text/css">
.avPic { width:auto!important; height:auto!important; }
</style>
<script type="text/javascript">
	var made_by='www.imvucodes.net';
	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_imvucodes_net() {
		var imgGroup = document.getElementById('visitors_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_imvucodes_net();
</script>

To copy the code: Click on the code to select it, press CTRL+C to copy and CTRL+V to paste it at a given location!

7078 views • 2 comments • preview