您好,欢迎来到源码搜藏!分享精神,快乐你我!提示:担心找不到本站?在百度搜索“源码搜藏”,网址永远不丢失!
  • 首 页
  • 在线工具
  • 当前位置:首页 > 网页特效 > 焦点图 >

    WordPress和jQuery的教程和插件图片放大镜特效

    时间:2013-08-14 09:24 来源:互联网 作者:源码搜藏 浏览:收藏 挑错 推荐 打印

    效果预览 进入下载地址列表

    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拖动),这个插件将使用默认的鼠标悬停事件,并发出任何错误。

    WordPress和jQuery的教程和插件图片放大镜特效由源码搜藏网整理,转载请注明出处http://www.codesocang.com/texiao/jiaodiantu/5410.html 源码搜藏承诺:本站所有资源无病毒,无弹窗,无干扰链接!
    标签:网站源码