<!--Made By Hamad Belshalat--> <script language="JavaScript" type="text/javascript"> <!--//THIS SCRIPT IS MADE BY HAMAD BELSHALAT //DO NOT REMOVE THESE COMMENTS //THANK YOU //THIS SCRIPT IS NOT SUPPORTED ON OLD BROWSERS EXAMPLE: Netscape 4, Netscape 3 function zoom(type) { if (type=="in" ) {document.images["img"].width+=2;document.images["img"].height+=2;} if (type=="out") {document.images["img"].width-=2;document.images["img"].height-=2;} } //--> </script> <div style="width:350px;background:#EEEEEE;text-align: center;color:#000000;font: 13px Tahoma, Arial;padding: 3%"> <img name="img" style="border: 3px solid #000c4c" alt="" src="http://www.kodmerkezi.com/12060.gif" _fcksavedurl="http://www.kodmerkezi.com/12060.gif" _fcksavedurl="http://www.kodmerkezi.com/12060.gif" _fcksavedurl="http://www.kodmerkezi.com/12060.gif"><br> <a href="javascript:zoom('in')" _fcksavedurl="javascript:zoom('in')" _fcksavedurl="javascript:zoom('in')" _fcksavedurl="javascript:zoom('in')">Zoom in</a> <big>|</big> <a href="javascript:zoom('out')" _fcksavedurl="javascript:zoom('out')" _fcksavedurl="javascript:zoom('out')" _fcksavedurl="javascript:zoom('out')">Zoom out</a> <big>|</big> <a href="javascript:location.reload()" _fcksavedurl="javascript:location.reload()" _fcksavedurl="javascript:location.reload()" _fcksavedurl="javascript:location.reload()">Reset</a> <br><br> <em>Made by Hamad Belshalat.</em> </div> <!--Made By Hamad Belshalat-->
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <title>Smart Images</title> <script language="javascript"> <!-- document.onmousemove = beSmart; window.onload = init; startEnlarge = 250; // The distance to start enlarging the picture at, in pixels. enlargeTo = 200; // The number of Pixels to enlarge to. minSize = 40; // The number of Pixels to shrink to. centerOfPic = new Array(); // Calls the beSmart function to set each "smart" image to the correct size. function init(){ beSmart(); } function beSmart(){ for(i=0;i<document.images.length;i++){ if(document.images[i].className == "smart"){ mouseX = window.event.x; mouseY = window.event.y; imageX = document.images[i].offsetLeft + (document.images[i].width / 2); imageY = document.images[i].offsetTop + (document.images[i].height / 2); distance = Math.ceil(Math.sqrt(Math.pow(mouseX - imageX,2) + Math.pow(imageY - mouseY,2))); percent = distance / startEnlarge * enlargeTo; percent = enlargeTo - percent if(percent > minSize){ document.images[i].style.width = percent; document.images[i].style.height = percent; } else { document.images[i].style.width = minSize; document.images[i].style.height = minSize; } } } } // --> </script> </head> <body bgcolor="black" text="lime"> <h1>Smart Images</h1> <p>These are Smart Images. They know when the mouse gets near them, and they enlarge the closer the mouse gets! The distance is determined by the current center of the image and where the mouse is. Then the distance formula is used to calculate how far apart they are in pixels. You are able to set how far away you want the image to begin enlarging, how big it should enlarge to, and also how small it should shrink back to!</p> <p>To use this on your images, just set the images "class" attribute to "smart". The script will do the rest! I think it looks better if you set <font color="red">startEnlarge</font>, the variable that holds when the enlarging should begin, to at least 250. Right now it is set to 250. This is great for image links! Check out my JavaScript site at <a href="http://www.nicksscripts.be" _fcksavedurl="http://www.nicksscripts.be" _fcksavedurl="http://www.nicksscripts.be" _fcksavedurl="http://www.nicksscripts.be" target="new">Nick's Scripts.be</a>.</p> <center> <img src="http://www.makineteknik.com/banner.gif" _fcksavedurl="http://www.makineteknik.com/banner.gif" _fcksavedurl="http://www.makineteknik.com/banner.gif" _fcksavedurl="http://www.makineteknik.com/banner.gif" class="smart"> <img src="http://www.tekrehberim.com/12060.gif" _fcksavedurl="http://www.tekrehberim.com/12060.gif" _fcksavedurl="http://www.tekrehberim.com/12060.gif" _fcksavedurl="http://www.tekrehberim.com/12060.gif" class="smart"> <img src="http://www.hitlinkler.com/12060.gif" _fcksavedurl="http://www.hitlinkler.com/12060.gif" _fcksavedurl="http://www.hitlinkler.com/12060.gif" _fcksavedurl="http://www.hitlinkler.com/12060.gif" class="smart"> </center> </body> </html>
<!-- ### Sayfanın javascript kodu buradan başlamaktadır ### --> <script> <!-- // Resimlerin URL yolları var imgurl=new Array("8831.gif", "12060.gif", "46860.gif") // Dikey Pozisyondaki resim boutu (Pixel cinsinden) var x_finalpos=10 // Yatay Pozisyondaki resim boutu (Pixel cinsinden) var y_finalpos=140 // Resim Sayısı var standstill=3 // Do not change the variables below var x_slices=6 var y_slices=4 var imgpreload=new Array() for (i=0;i<=imgurl.length-1;i++) { imgpreload[i]=new Image() imgpreload[i].src=imgurl[i] } var imgheight var imgwidth var screenheight var screenwidth var x_step=new Array() var y_step=new Array() var x_randompos=0 var y_randompos=0 var i_loop=0 var max_loop=20 var i_image=0 var width_slice var height_slice var cliptop=0 var clipbottom=height_slice var clipleft=0 var clipright=width_slice var spancounter=0 var pause=10 standstill=1000*standstill function initiate() { screenheight=document.body.clientHeight-imgheight-30 screenwidth=document.body.clientWidth-imgwidth-30 width_slice=Math.floor(imgwidth/x_slices) height_slice=Math.floor(imgheight/y_slices) cliptop=0 clipbottom=height_slice clipleft=0 clipright=width_slice i_loop=0 spancounter=0 if (document.all) { for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan=eval("document.all.span"+spancounter+".style") x_randompos=Math.ceil(screenwidth*Math.random()) y_randompos=Math.ceil(screenheight*Math.random()) thisspan.posLeft=x_randompos thisspan.posTop=y_randompos thisspan.clip ="rect("+cliptop+" "+clipright+" "+clipbottom+" "+clipleft+")" clipleft+=width_slice clipright+=width_slice spancounter++ } clipleft=0 clipright=width_slice cliptop+=height_slice clipbottom+=height_slice } } explode_IE() } function changeimage() { spancounter=0 for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan=eval("document.all.span"+spancounter+".style") thisspan.posLeft=-5000 thisspan.posTop=-5000 spancounter++ } } spancounter=0 if (i_image>imgurl.length-1) {i_image=0} for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisinnerspan=eval("span"+spancounter) thisinnerspan.innerHTML="<img src='"+imgurl[i_image]+"'>" spancounter++ } } imgwidth=document.all.span0.offsetWidth imgheight=document.all.span0.offsetHeight i_image++ initiate() } function explode_IE() { spancounter=0 if (i_loop<=max_loop-1) { for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { var thisspan=eval("document.all.span"+spancounter+".style") x_step[spancounter]=(x_finalpos-thisspan.posLeft)/(max_loop-i_loop) y_step[spancounter]=(y_finalpos-thisspan.posTop)/(max_loop-i_loop) thisspan.posLeft+=x_step[spancounter] thisspan.posTop+=y_step[spancounter] spancounter++ } } i_loop++ var timer=setTimeout("explode_IE()",pause) } else { spancounter=0 clearTimeout(timer) var timer=setTimeout("changeimage()",standstill) } } if (document.all) { for (i=0;i<=y_slices-1;i++) { for (ii=0;ii<=x_slices-1;ii++) { document.write("<span id='span"+spancounter+"' style='position:absolute;left:-5000px'></span>") spancounter++ } } spancounter=0 } if (document.all) {window.onload=changeimage} // - End of JavaScript - --> </script> <!-- ### Sayfanın javascript kodu burada sonlanmıştır ### -->
