Featured Content

Original size visitors avatar pictures

Posted by admin in September 2nd, 2008

Posted in: Codes, JavaScript Tags: avatar, Codes, JavaScript, picture

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.imvuspace.com';
	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>

You Should Also Check Out This Post:

More Active Posts:

Previous: Scrolling Musicbox (with controls)

Next: Block Right Click

No User Responded In This Article

Subscribes To This Post Rss Feeds Or Leave A Trackback

Leave Your Comment Below

Back to homepage

ads

ads

ads

ads

ads

ads

Graphics/Layouts

Animated Backgrounds
Codes
- JavaScript
- Stylesheet
Generator
Glitter Graphics
- Anime pic
- Cartoon
- Celebrity
- Comics
- Dolls
- Funny
- Horror
- Love
- Movie
- Music
IMVU
- Developers
- Downloads

Sponsored Links

Sponsored Links

Sponsord Links

Sponsord Links

Latest In: JavaScript

Panel Drop Shadow (Firefox Only)

This neat script adds a drop shadow to your selected panels. Add any panel ids ...continue reading

10 Popups in a row

This will show 10 popups in a row when your page is visited. Can be ...continue reading

Scroll AviPics in Visitors Panel

This makes the avipics in your visitors panel scrolling from right to left. Place this ...continue reading

Scroll AviPics in Buddy Panel

This makes the avipics in your buddy panel scrolling from right to left. Place this ...continue reading

TagLine Message Roll

This code changes your tagline every 2 seconds while picking from 6 pre-defined ones. var copiedfrom ...continue reading

Most Comments