Download a jquery Image zoom-in Plug-in from the Internet. The effect is as follows:
Front-endCodeCall:
Introduce JS first
<SCRIPT type = "text/JavaScript" src = ".../JS/jquery-1.2.6.pack.js"> </SCRIPT>
<SCRIPT type = "text/JavaScript" src = "../JS/jquery. imagepreview.1.0.js"> </SCRIPT>
<SCRIPT type = "text/JavaScript">
$ ( Function (){
$ ("A. Preview"). Preview ();
});
</SCRIPT>
HTML page code
View code
< Div Class = "Zxx_out_box" >
< Div Class = "Zxx_in_box" >
< H3 Class = "Zxx_title" > Jquery Plug-In Demo page for image enlargement </ H3 >
< Div Class = "Zxx_main_con" >
< Div Class = "Zxx_test_list" >
< A Class = "Preview" Href = "Http://image.zhangxinxu.com/image/study/s/s256/mm1.jpg" Title = "Zhang hanyun" >
< IMG SRC = "Http://image.zhangxinxu.com/image/study/s/s128/mm1.jpg" />
</ A >
< A Class = "Preview" Href = "Http://image.zhangxinxu.com/image/study/s/s256/mm2.jpg" Title = "An unknown beauty" >
< IMG SRC = "Http://image.zhangxinxu.com/image/study/s/s128/mm2.jpg" />
</ A >
< A Class = "Preview" Href = "Http://image.zhangxinxu.com/image/study/s/s256/mm3.jpg" Title = "An unknown beauty" >
< IMG SRC = "Http://image.zhangxinxu.com/image/study/s/s128/mm3.jpg" />
</ A >
< A Class = "Preview" Href = "Http://image.zhangxinxu.com/image/study/s/s256/mm4.jpg" Title = "An unknown beauty" >
< IMG SRC = "Http://image.zhangxinxu.com/image/study/s/s128/mm4.jpg" />
</ A >
< A Class = "Preview" Href = "Http://image.zhangxinxu.com/image/study/s/s256/mm5.jpg" Title = "An unknown beauty" >
< IMG SRC = "Http://image.zhangxinxu.com/image/study/s/s128/mm5.jpg" />
</ A >
</ Div >
</ Div >
</ Div >
</ Div >
Download all source code:/files/jaylong/jquery-image-preview.zip