The following is the complete code for jqzoom packaging.
Copy codeThe Code is as follows:
<Html>
<Head>
<Title> JQzoom Demo </title>
<Script src = "./js/jquery-1.3.2.min.js" type = "text/javascript"> </script>
<Script src = "../js/jqzoom. pack.1.0.1.js" type = "text/javascript"> </script>
<Link rel = "stylesheet" href = "../css/jqzoom.css" type = "text/css">
<Style type "text/css">
Div. notes {
Font-size: 12px;
}
Div. notes {
Color: #990000;
}
</Style>
<Script type = "text/javascript">
$ (Function (){
$ (". Jqzoom"). jqzoom ();
});
</Script>
</Head>
<Body>
<Div id = "content" style = "margin-top: 100px; margin-left: 100px;">
<A href = "kawasakigreen.jpg" class = "jqzoom" style = "" title = "kawasaki">
</A> <select style = "position: absolute; left: 400px; top: 10px;"> <option> sdsdsds </option> </select>
<Br>
<Div class = "notes">
<Small> created by Renzi Marco </small>
<A href = "http://www.mind-projects.it/projects/jqzoom/contact.php"> Hire me </a> <br>
<A href = "http://www.mind-projects.it/projects/jqzoom"> view all Demos </a>
</Div>
</Div>
</Body>
The following describes the Jqzoom method! Recommended!
Copy codeThe Code is as follows:
<Script type = "text/javascript">
Window. onload = function (){
$ (". Jqzoom"). jqueryzoom ({
Xzoom: 250, // sets the length of the enlarged DIV (200 by default)
Yzoom: 250, // set to enlarge the DIV height (200 by default)
Offset: 10, // set to enlarge the DIV offset (10 by default)
Position: "right", // sets the position of the enlarged DIV (right by default)
Preload: 1,
Lens: 1
});
}
</Script>