|
|
新特性：
1、不需要onload加載和指定id了，在img中加個(gè)標(biāo)記就好，第一鼠標(biāo)進(jìn)入時(shí)動(dòng)態(tài)生成顯示層
2、可以隨意調(diào)整，右邊的展示層的大小了。
qsoft.PopBigImage
version：0.35
author： kimmking@163.com
date： 2009年3月26日 15:20:50
功能描述：
一般頁(yè)面的的圖片為了布局考慮，顯示大小都小于實(shí)際大小。
鼠標(biāo)在圖片上移動(dòng)時(shí)，在旁邊展示一個(gè)跟此圖片顯示大小一樣的層。
并講鼠標(biāo)附近區(qū)域?qū)?yīng)的原始圖片的區(qū)域按原始大小顯示在這個(gè)層中。
v0.1：實(shí)現(xiàn)了IE下的鼠標(biāo)滑動(dòng)小圖動(dòng)態(tài)展示對(duì)應(yīng)的放大局部圖的功能。
v0.2：實(shí)現(xiàn)了Firefox的兼容支持，修改了IE下傳遞偏移0,0時(shí)有空隙的對(duì)不齊問題。
v0.3：實(shí)現(xiàn)了鼠標(biāo)第一次進(jìn)入圖片時(shí)動(dòng)態(tài)創(chuàng)建顯示層。提供了一個(gè)靜態(tài)創(chuàng)建方法。
v0.35：加入了對(duì)google chrome瀏覽器的支持。
參數(shù)描述：
origImageId： 要綁定的img對(duì)象的id
dx：展示大圖相對(duì)于綁定的img對(duì)象右方的x軸偏移量
dy：展示大圖相對(duì)于綁定的img對(duì)象上方的y軸偏移量
mx：展示層的寬
mx在0到1之間時(shí)，取大圖的寬*mx的值與小圖的寬中的較大者
mx在1到10之間時(shí)，取小圖的寬*mx的值與大圖的寬中的較小者
mx大于10時(shí)，確保mx在大小圖的寬之間，超出的話，取邊界值
my：展示層的高
參照mx的值
bflag：create方法中渲染完后是否將展示層顯示出來，
在onmouseover事件中使用true參數(shù)
在頁(yè)面加載時(shí)初始化的話使用false參數(shù)
用法：
1、頁(yè)面加載后統(tǒng)一預(yù)先加載，在頁(yè)面上添加JavaScript腳本
window.onload = function(){
new qsoft.PopBigImage("orig",20,0,2,2).render();
//或是 qsoft.PopBigImage.create("orig",20,0,2,2,false).render();
}
或是
2、鼠標(biāo)第一次進(jìn)入圖片時(shí)才加載本圖片的顯示層，在img標(biāo)簽中添加
onmouseover="qsoft.PopBigImage.create(this,20,0,2,2,true);"
下載地址 http://www.jb51.NET/codes/12597.html
演示地址：http://img.jb51.NET/online/PopBigImage/qsoft.PopBigImage.v0.35.html
JavaScript技術(shù)：javascript 放大鏡效果js組件 qsoft.PopBigImage.v0.35 加入了chrome支持，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
