.v0.
New Features:
1. There is no need to load onload and specify the id. Just add a mark in img. The display layer is dynamically generated when the first mouse enters.
2. You can adjust the size of the display layer on the right at will.
version：0.35
author： kimmking@
date: March 26, 2009 15:20:50
Function description:
For the sake of layout, the display size of the pictures on the page is smaller than the actual size.
When the mouse moves on the image, it displays a layer of the same size as the image display next to it.
And say that the area of the original picture corresponding to the area near the mouse is displayed in this layer according to the original size.
v0.1: Implements the function of dynamically displaying the corresponding enlarged partial pictures in the mouse sliding image under IE.
v0.2: Implements Firefox's compatibility support, and modifys the arranging problem of gaps when passing offsets 0 and 0 in IE.
v0.3: Implements the dynamic creation of the display layer when the mouse enters the picture for the first time. Provides a static creation method.
v0.35: Added support for Google Chrome.
Parameter description:
origImageId: id of the img object to be bound
dx: Shows the x-axis offset of the large image relative to the right of the bound img object
dy: Shows the y-axis offset of the large image relative to the bound img object above the bound img object
mx: The width of the display layer
When mx is between 0 and 1, take the larger value of the width of the large picture*mx and the larger width of the small picture
When mx is between 1 and 10, take the smaller value of the width of the small plot*mx and the smaller of the width of the large plot
When mx is greater than 10, make sure mx is between the width of the size graph. If it exceeds the boundary value, take
my: The height of the display layer
Refer to the value of mx
bflag: Will the display layer be displayed after rendering in the create method?
Use true parameter in onmouseover event
Use the false parameter if initialized when the page is loaded
usage:
1. After the page is loaded, add JavaScript scripts to the page
= function(){
new ("orig",20,0,2,2).render();
//or ("orig",20,0,2,2,false).render();
}
Or
2. The display layer of this picture is loaded only when the mouse enters the picture for the first time, and add it to the img tag.
onmouseover="(this,20,0,2,2,true);"
Download addresshttps:///codes/
Demo address:http://img./online/PopBigImage/.v0.
New Features:
1. There is no need to load onload and specify the id. Just add a mark in img. The display layer is dynamically generated when the first mouse enters.
2. You can adjust the size of the display layer on the right at will.
version：0.35
author： kimmking@
date: March 26, 2009 15:20:50
Function description:
For the sake of layout, the display size of the pictures on the page is smaller than the actual size.
When the mouse moves on the image, it displays a layer of the same size as the image display next to it.
And say that the area of the original picture corresponding to the area near the mouse is displayed in this layer according to the original size.
v0.1: Implements the function of dynamically displaying the corresponding enlarged partial pictures in the mouse sliding image under IE.
v0.2: Implements Firefox's compatibility support, and modifys the arranging problem of gaps when passing offsets 0 and 0 in IE.
v0.3: Implements the dynamic creation of the display layer when the mouse enters the picture for the first time. Provides a static creation method.
v0.35: Added support for Google Chrome.
Parameter description:
origImageId: id of the img object to be bound
dx: Shows the x-axis offset of the large image relative to the right of the bound img object
dy: Shows the y-axis offset of the large image relative to the bound img object above the bound img object
mx: The width of the display layer
When mx is between 0 and 1, take the larger value of the width of the large picture*mx and the larger width of the small picture
When mx is between 1 and 10, take the smaller value of the width of the small plot*mx and the smaller of the width of the large plot
When mx is greater than 10, make sure mx is between the width of the size graph. If it exceeds the boundary value, take
my: The height of the display layer
Refer to the value of mx
bflag: Will the display layer be displayed after rendering in the create method?
Use true parameter in onmouseover event
Use the false parameter if initialized when the page is loaded
usage:
1. After the page is loaded, add JavaScript scripts to the page
= function(){
new ("orig",20,0,2,2).render();
//or ("orig",20,0,2,2,false).render();
}
Or
2. The display layer of this picture is loaded only when the mouse enters the picture for the first time, and add it to the img tag.
onmouseover="(this,20,0,2,2,true);"
Download addresshttps:///codes/
Demo address:http://img./online/PopBigImage/.v0.