<!-- TWO STEPS TO INSTALL : 1. Copy the coding into the HEAD of your HTML document 2. Add the last code into the BODY of your HTML document --> <!-- STEP ONE: Paste this code into the HEAD of your HTML document --> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!-- Beginning of JavaScript - // the URL of your first image var image_url_1="1.jpg" // the URL of your second image var image_url_2="2.jpg" // The vertical position of the first image (distance to the top border of the webpage, pixels) var imgpostop1=10 // The horizontal position of the first image (distance to the left border of the webpage, pixels) var imgposleft1=10 // The vertical position of the second image (distance to the top border of the webpage, pixels) var imgpostop2=10 // The horizontal position of the second image (distance to the left border of the webpage, pixels) var imgposleft2=10 // Don't edit the variables below. img1=new Image() img1.src=image_url_1 img2=new Image() img2.src=image_url_2 var i_fadestrength=0 var marginright var center_x var distance_x var imgwidth1 var imgheight1 var imgwidth2 var imgheight2 var i_visible=1 var x,y function initiate() { if (document.all) { document.onmousemove = handlerMM; marginright=document.body.clientWidth imgwidth1=imgcontainer1.offsetWidth imgheight1=imgcontainer1.offsetHeight imgwidth2=imgcontainer2.offsetWidth imgheight2=imgcontainer2.offsetHeight center_x=Math.round(marginright/2) imgcontainer1.innerHTML="<img src="+image_url_1+">" imgcontainer2.innerHTML="<img src="+image_url_2+">" document.all.imgcontainer1.style.posLeft=imgposleft1 document.all.imgcontainer1.style.posTop=imgpostop1 document.all.imgcontainer1.style.visibility="visible" document.all.imgcontainer2.style.posLeft=imgposleft2 document.all.imgcontainer2.style.posTop=imgpostop2 document.all.imgcontainer2.style.visibility="visible" changeopacity() } } function changeopacity() { imgcontainer1.filters.alpha.opacity=Math.round(i_fadestrength) imgcontainer2.filters.alpha.opacity=100-Math.round(i_fadestrength) var timer=setTimeout("changeopacity()",80) } function handlerMM(e){ x=document.body.scrollLeft+event.clientX y=document.body.scrollTop+event.clientY distance_x=Math.abs(x-center_x) i_fadestrength=Math.round(100/marginright*distance_x*2) } // - End of JavaScript - --> </SCRIPT> </HEAD> <BODY bgcolor="#ffffff" text="000000" link="000000" alink="000000" vlink="000000" onLoad="initiate()"> <DIV ID="imgcontainer1" style="position:absolute;visibility:hidden;filter:alpha(opacity=50);"></DIV> <DIV ID="imgcontainer2" style="position:absolute;visibility:hidden;filter:alpha(opacity=50);"></DIV> <!-- copyright (i4) --><div align="center"><a href="http://www.ucoz.ru/" title="Создать сайт бесплатно"><img style="margin:0;padding:0;border:0;" alt="Hosted by uCoz" src="http://s201.ucoz.net/img/cp/8.gif" width="80" height="15" title="Hosted by uCoz" /></a><br /></div><!-- /copyright --> </body> <!-- Script Size: 3.03 KB -->
