Page Components JavaScript DHTML




zoOom 1.0

.link{font-family:verdana,arial,helvetica; font-size:8pt; color:#003399; font-weight:normal}
.link:hover{font-family:verdana,arial,helvetica; font-size:8pt; color:#0099FF; font-weight:normal}
.header{font-family:arial,verdana,helvetica; font-size:20pt; color:#DD0000; font-weight:bold}


// zoOom 1.0
// (c) 2002 Premshree Pillai
// http://www.qiksearch.com
// premshree@hotmail.com
// Loaction of this script :
// http://www.qiksearch.com/javascripts/zooom10.htm
// Visit http://www.qiksearch.com/javascripts.htm for more FREE scripts
// Configure zoOom
//-----------------------------------------------------------------
var img_path="http://www.rntsoft.com/style/logo.png"; // The Image Path                     |
var top_pos=130;          // Image position from top              |
var left_pos=162;         // Image position from left             |
var max_width=900;        // Max allowable width                  |
var min_width=10;         // Min allowable width                  |
var time_length=1;        // Zoom delay in milliseconds           |
var step=2;               // Pixels by which image should zoomm   |
//-----------------------------------------------------------------
document.write('
');
img_act_width=z.width;
img_act_height=z.height;
var original_time=time_length;
function zoom_out()
{
 if(z.width==0)
  {
   z.border=0;
  }
 if(z.width!=0)
  {
   if(z.width>min_width)
   {
    z.width-=step;
    z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
    setTimeout("zoom_out()",time_length);
   }
   else
   {
    window.alert('Width less than Minimum Width\nCopyRight Qiksearch zoOom.');
   }
  }  

function zoom_in()
{
 if(z.width==0)
  {
   z.border=0;
  }
 if(z.width!=0)
  {
   if(z.width   {
    z.width+=step;
    z.height=Math.round(z.width*((img_act_height)/(img_act_width)));
    setTimeout("zoom_in()",time_length);
   }
   else
   {
    window.alert('Maximum Width exceeded\nCopyRight Qiksearch zoOom.');
   }
  }  

function resume_zoom()
{
 time_length=original_time;
}
function pause_zoom()
{
 time_length=10000000000;
}
function set_original()
{
 z.width=img_act_width;
 z.height=img_act_height;
}



zoOom 1.0





zoOom in +
original
ZOoOM out -




Using zoOom, you can zoom in and zoom out any image that is specified in the code.


zoOom is very easy to customise.

You can change the image, it's position. You can also set the maximum and minimum allowable widths. You can change the zoom speed.

For customising, make changes in the 'configure' section of the script.







© 2002 Premshree Pillai. All rights reserved.