Provides various official and user-released code examples. For code reference, you are welcome to exchange and learn. Enlarge is a jQuery-based plug-in that can easily achieve the effect of a graphic magnifier and is suitable for most product websites, such as online shopping mall, e-commerce, and enterprise product introduction.
Official download, Demo: http://www.abelcode.com/enlarge/
Simple call:
$ ("# Demo1"). enlarge ();
Complete parameters:
$ ("# Demo1"). enlarge (
{
// Specifies the pattern of the Mouse mask layer.
Shadecolor: "# FFD24D ",
Shadeborder: "# FF8000 ",
Shadeopacity: 0.5,
Cursor: "move ",
// The outer style of the large image
Layerwidth: 400,
Layerheight: 300,
Layerborder: "# DDD ",
Fade: true,
// Large image size
Largewidth: 1280,
Largeheight: 960
});
Compatibility:
Compatible with mainstream browsers such as IE6 +, Chrome, javase, Firefox, and Opera.
GitHub:
Https://github.com/abelcode/enlarge.js
To keep up with the official website updates, please go to the official website download: http://www.abelcode.com/enlarge/
AD: truly free, domain name + VM + enterprise mailbox = 0 RMB