This plug-in is based on Jquery. Therefore, you must load the Jquery package before using it.
Download: http://code.google.com/p/slimbox/downloads/list
Usage:
Add the following call code to the page:
<script language="javascript" src="http://www.phpernote.com/js/jquery.slimbox.js"></script><link type="text/css" rel="stylesheet" href="style/jquery.slimbox.css" />
The usage of the image is as follows: [Add the parameter rel = "lightbox" in the external connection "]:
<a rel="lightbox" href="max.jpg"></a>
Example (click the image below to see the effect ):
Download the jquery Image zoom-in effect source file
Articles you may be interested in
- Js address bar special effects (display the size of all images with links on the page and view the height of the current browser)
- Some powerful string processing functions forgotten by php
- Js checks whether the image is loaded and obtains the image width.
- Analyze the reasons why Baidu index volume is decreasing and how to increase Baidu index volume
- Jquery achieves Image zoom-in and zoom-out effects
- Move the mouse over the text to display the floating layer prompt special effects (compatible with all browsers such as IE and Firefox)
- Prohibit web page right-click, copy, save as, View Source file and other functions to implement web page source code protection
- Methods for resetting the auto-increment start value of various MySQL Data Table types