Posted By

hellion on 03/11/08

Tagged

Versions (?)

Last Edited at 03/11/08 06:40am

Statistics

Viewed 801 times

Favorited by 2 user(s)

Related snippets

Javascript image preload object

/ Published in: JavaScript

How to use:

1) < script type="text/javascript" src="path-to-file.js"...

2) < body onload="oHW.preMontar('img1_on.jpg','img2_on.jpg','img3_on.jpg');"...

3) < a href="#" onmouseout="oHW.Restore()" onmouseover="oHW.Cambiar('mnind','img1_on.jpg')"

Credentials:

Image Rollovers | flipping images with JavaScript onMouseOver || HTMLSource ]
http://www.yourhtmlsource.com/images/rollovers.html#theimageflip

Highlighted TextExpand

<html>
<head>
    <script type="text/javascript">
	oHW = {

myimgs : new Array(),
		reimgs : new Array(),
		oId : '',
		preMontar : function() {
			for (v=0; v<this.preMontar.arguments.length; v++){
				this.myimgs[v] = new Image();
				this.myimgs[v].src = this.preMontar.arguments[v];
			}
		},
		Cambiar : function(myid,n) {
			this.myimgs[myid] = document.getElementById(myid).src;
			this.oId = myid;
			document.getElementById(myid).src = n;
		},
		Restore : function() {
			document.getElementById(this.oId).src = this.myimgs[this.oId];
			this.oId = '';    
		}
		
	} // ..	
	</script>
</head>

</body>
</html>

Report this snippet Tweet

Comments

Subscribe to comments

Comment:

You need to login to post a comment.