zoukankan      html  css  js  c++  java
  • 图片放大镜插件 Cloud Zoom v3.1

    Cloud Zoom是一个图像放大jQuery插件,效果堪比Magic Zoom。相对于流行jQZoom插件,Cloud Zoom体积小,有更多的功能和更强大的跨浏览器兼容性。 猛击这里查看演示DEMO

    特点

    兼容大多数浏览器,(已经测试通过的浏览器有:IE6+, Firefox, Chrome, Opera, Safari) 易于集成的基本有效的HTML。 (精缩)脚本小,只有6Kb。 平滑变焦运动。 画廊模式。 着色,软聚焦和内变焦功能。 它是完全免费的。

    使用方法

    1、加载CSS:
    <link href="/styles/cloud-zoom.csstype="text/cssrel="stylesheet" /> 
    
    2、加载Javascript:
    <script type="text/JavaScriptsrc="/js/jquery.1.4.2.min.js"></script> 
    <script type="text/JavaScriptsrc="/js/cloud-zoom.1.0.1.min.js"></script
    3、HTML代码:
    <a href='/images/zoomengine/bigimage00.jpg' class='cloud-zoom-gallery' title='Thumbnail 1' 
            rel="useZoom: 'zoom1', smallImage: '/images/zoomengine/smallimage.jpg' "> 
    <img src="/images/zoomengine/tinyimage.jpg" alt = "Thumbnail 1"/></a> 
             
    <a href='/images/zoomengine/bigimage01.jpg' class='cloud-zoom-gallery' title='Thumbnail 2' 
            rel="useZoom: 'zoom1', smallImage: ' /images/zoomengine/smallimage-1.jpg'"> 
    <img src="/images/zoomengine/tinyimage-1.jpg" alt = "Thumbnail 2"/></a>                   
             
    <a href='/images/zoomengine/bigimage02.jpg' class='cloud-zoom-gallery' title='Thumbnail 3' 
            rel="useZoom: 'zoom1', smallImage: '/images/zoomengine/smallimage-2.jpg' "> 
    <img src="/images/zoomengine/tinyimage-2.jpg" alt = "Thumbnail 3"/></a> 
    

    插件参数一览表

    参数 描述 (from V1.0.0) 默认值
    zoomWidth 设置缩放窗口的宽度,如果设置为"auto"则窗口宽度与小图片宽度相等。 'auto'
    zoomHeight 设置缩放窗口的高度,如果设置为"auto"则窗口高度与小图片高度相等。 'auto'
    position 指定缩放窗口相对于小图片的位置。允许的值是 'left', 'right', 'top', 'bottom', 'inside' ,也可以是专门一个HTML元素的ID放置例如窗口的缩放位置:'element1' 'right'
    adjustX 允许你微调像素的缩放窗口的X位置。 0
    adjustY 允许你微调像素的缩放窗口的Y位置。 0
    tint 指定覆盖的小图片的颜色。颜色应指定十六进制格式,例如'#aa00aa'。 false
    tintOpacity 指定色彩的透明度,其中0是完全透明的,1是完全不透明。 0.5
    lensOpacity 设置镜头鼠标指针的透明度,其中0是完全透明的,1是完全不透明。在色彩和软对焦模式,它将始终是透明的。 0.5
    softFocus 适用于一种微妙的模糊效果来的小图片。设置为true或false。 false
    smoothMove 形象的漂移缩放,数字越高,就越顺畅/更轻松进行漂移运动。 1 =不平滑。 3
    showTitle 是否显示图片的标题. true
    titleOpacity 指定是否显示标题不透明度,其中0是完全透明的,1是完全不透明。 0.5
    本文由月光光译自professorcloud.com,原文地址http://www.professorcloud.com/mainsite/cloud-zoom.htm   ======================V3.1破解手记=================================================== http://www.evilsec.com/cloud-zoom-v3-1-crack-notes.html 完整入门指南:http://www.evilsec.com/cloud-zoom-quick-start-guide.html
  • 相关阅读:
    hdu 1253 胜利大逃亡 (三维简单bfs+剪枝)
    OpenCV中OpenCL模块函数
    基于年纪和成本(Age & Cost)的缓存替换(cache replacement)机制
    POJ 1637 混合图求欧拉回路 最大流实现
    Linux-shell-算术运算{expr、bc、dc、(( ))和[ ]}
    uboot环境变量与内核MTD分区关系
    nor flash 和nand flash 的区别
    NAND Flash大容量存储器K9F1G08U的坏块管理方法
    嵌入式学习之Nand Flash
    s3c2440对nandflash的操作
  • 原文地址:https://www.cnblogs.com/doseoer/p/4007750.html
Copyright © 2011-2022 走看看