jQuery的图像缩放插件提供了较小的图像放置到网页需要显示的产品,可以直接进入网页无法显示高分辨率的照片在
网站上证明了自己的特别有用的详细视图。
要做的第一件事是把脚本文件到您的页面页眉节:
<!DOCTYPE html>
|
2
|
< html lang = "en-US" >
|
3
|
< head >
|
4
|
< script language = "javascript" type = "text/javascript" src = "jquery.js" ></ script >
|
5
|
< script language = "javascript" type = "text/javascript" src = "jquery-ui-drag.js" ></ script >
|
6
|
< script language = "javascript" type = "text/javascript" src = "zoomit.jquery.js" ></ script >
|
7
|
</ head >
|
请注意,如果你不打算使用拖放功能在小图像移动放大区域,就没有必要为jQuery UI的拖放部件。此外,如果由于某种原因,
拖动是不可用的,但你仍然要使用它(也许你也忘了加载UI拖动),这个插件将使用默认的鼠标悬停事件,并发出任何错误。