JavaScript Magnifier effect JS component QSoft. Popbigimage.v0.35 added the chrome support _ image effect

Source: Internet
Author: User
QSoft. Popbigimage.v0.35.demo.rar
New features:
1, do not need to onload load and specify the ID, in the IMG Add a mark is good, the first mouse into the dynamic generation of display layer
2, you can adjust at will, the size of the display layer on the right.

QSoft. Popbigimage
version:0.35
Author:kimmking@163.com
date:2009 year March 26 15:20:50
Function Description:
General page of the picture for layout considerations, the display size is less than the actual size.
When you move the mouse over the picture, display a layer with the same size as the picture displayed next to it.
The area of the original picture that corresponds to the surrounding area of the mouse is shown in the original size in this layer.
v0.1: The realization of IE under the mouse sliding small figure dynamic display corresponding amplification of the local map function.
v0.2: To achieve the compatibility of Firefox support, modified IE in the transfer of migration 0,0 when the gap between the alignment problem.
v0.3: The realization of the first time the mouse into the picture dynamically create a display layer. Provides a static creation method.
v0.35: Added support for Google Chrome browser.
Parameter description:
Origimageid: ID of the IMG object to bind
DX: Shows the x-axis offset of the large image relative to the right of the bundled IMG object
DY: Show the y-axis offset above the bound IMG object for the large image
MX: The width of the presentation layer
When MX is between 0 and 1, the values of the wide *mx of the large graphs and the larger of the small graphs
When MX is between 1 and 10, the value of the wide *mx of the small graph is smaller than the width of the larger image.
MX greater than 10 o'clock, to ensure that MX in the size of the width of the plot, beyond the words, take the boundary value
My: The high level of the presentation
Value of Reference mx
Whether the display layer is displayed when the rendering is finished in the Bflag:create method
Using the true parameter in the onmouseover event
Use false parameter when initializing page load
Usage:
1, the page load unified preload, add JavaScript script on the page
Window.onload = function () {
New QSoft. Popbigimage ("orig", 20,0,2,2). Render ();
or QSoft. Popbigimage.create ("orig", 20,0,2,2,false). Render ();
}

Or
2, the first time the mouse into the picture to load the display layer of this picture, add in the IMG tag
Onmouseover= "QSoft. Popbigimage.create (this,20,0,2,2,true); "
Download Address http://www.jb51.net/codes/12597.html
Demo Address: http://img.jb51.net/online/PopBigImage/qsoft.PopBigImage.v0.35.html
Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.