jQuery的图像缩放插件提供了较小的图像放置到网页需要显示的产品,可以直接进入网页无法显示高分辨率的照片在
网站上证明了自己的特别有用的详细视图。
特点
- 轻触启用 - 触摸功能的设备,如iPad,iPhone或Android的作品;
- 无限放大页 - 不会打破你的设计;
- 两种图像尺寸 - 使用一个较小的图像显示在页面将减少页面加载时间;
- 后端负载 - 将只加载高分辨率图像需求(例如,当用户希望看到的详细信息视图);
- CSS样式 - 通过提供自定义的CSS类你可以风格各方面的变焦(预览区域,高分辨率图像加载,缩小图像区域);
- 使用jQuery - 这意味着任何WordPress博客上,你可以很容易地使用它。
-
用法
要做的第一件事是把脚本文件到您的页面页眉节:
<!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拖动),这个插件将使用默认的鼠标悬停事件,并发出任何错误。