JQuery plug-in zoom enables full-screen image zoom to bring up layer effects, jqueryzoom

JQuery plug-in zoom enables full-screen image zoom to bring up layer effects, jqueryzoom

1. Introduction

JQuery makes the zoom image full-screen enlargement pop-up layer plug-in.

2. Usage
1. Introduce the following js and css files

 <link rel="stylesheet" href="css/zoom.css" media="all" /> <script src="js/jquery-1.9.1.min.js"></script> <script src="js/zoom.min.js"></script>

2. Add the following js Code to the head Tag:

 <ul class="gallery">   <li><a href="path/to/large1.jpg"></a></li>   <li><a href="path/to/large2.jpg"></a></li>   <li><a href="path/to/large3.jpg"></a></li>   <li><a href="path/to/large4.jpg"></a></li> </ul>

3. Demo Diagram

4. All code:

<! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
The above is all the content of this article. I hope you will like it.