论坛首页 Web前端技术论坛

放大镜效果js组件 qsoft.PopBigImage.v0.35 加入了chrome支持

浏览 4315 次
精华帖 (0) :: 良好帖 (0) :: 新手帖 (0) :: 隐藏帖 (0)
作者 正文
   发表时间:2009-03-26   最后修改:2009-04-04
qsoft.PopBigImage.v0.35.demo.rar
新特性:
1、不需要onload加载和指定id了,在img中加个标记就好,第一鼠标进入时动态生成显示层
2、可以随意调整,右边的展示层的大小了。


qsoft.PopBigImage
   
    version:0.35
    author: kimmking@163.com
    date:   2009年3月26日 15:20:50
   
    功能描述:
    一般页面的的图片为了布局考虑,显示大小都小于实际大小。
    鼠标在图片上移动时,在旁边展示一个跟此图片显示大小一样的层。
    并讲鼠标附近区域对应的原始图片的区域按原始大小显示在这个层中。
   
    v0.1:实现了IE下的鼠标滑动小图动态展示对应的放大局部图的功能。
    v0.2:实现了Firefox的兼容支持,修改了IE下传递偏移0,0时有空隙的对不齐问题。
    v0.3:实现了鼠标第一次进入图片时动态创建显示层。提供了一个静态创建方法。
    v0.35:加入了对google chrome浏览器的支持。
   
    参数描述:
    origImageId: 要绑定的img对象的id
    dx:展示大图相对于绑定的img对象右方的x轴偏移量
    dy:展示大图相对于绑定的img对象上方的y轴偏移量
    mx:展示层的宽
        mx在0到1之间时,取大图的宽*mx的值与小图的宽中的较大者
        mx在1到10之间时,取小图的宽*mx的值与大图的宽中的较小者
        mx大于10时,确保mx在大小图的宽之间,超出的话,取边界值
    my:展示层的高
        参照mx的值
    bflag:create方法中渲染完后是否将展示层显示出来,
            在onmouseover事件中使用true参数
            在页面加载时初始化的话使用false参数
   
   
   
    用法:
    1、页面加载后统一预先加载,在页面上添加JavaScript脚本
    window.onload = function(){
        new qsoft.PopBigImage("orig",20,0,2,2).render(); 
        //或是 qsoft.PopBigImage.create("orig",20,0,2,2,false).render();   
    }
   
    或是
    2、鼠标第一次进入图片时才加载本图片的显示层,在img标签中添加
    onmouseover="qsoft.PopBigImage.create(this,20,0,2,2,true);"
   发表时间:2009-03-28   最后修改:2009-04-02

修改了几个bug 在线演示 ---- ~~ 空间不能用了~

0 请登录后投票
   发表时间:2009-04-01  
怎么是一个"+"我想要的是一个小方块的那种。不知道,这个支持不

0 请登录后投票
   发表时间:2009-04-02  
重弄了个地方放在线demo:

http://cainiao.2m2m.net/qsoft.PopBigImage.html
0 请登录后投票
   发表时间:2009-04-30  
恩,谢谢,感觉挺好用
0 请登录后投票
   发表时间:2009-06-01  
居然连chrome都考虑了,感激,
0 请登录后投票
论坛首页 Web前端技术版

跳转论坛:
Global site tag (gtag.js) - Google Analytics