合作(zuò)
咨詢
建站(zhàn)咨詢
圖片放大(dà)鏡-Cloud Zoom
- 作(zuò)者：admin
- 發表時(shí)間(jiān)：2013-07-02 14:17:29
- 來(lái)源：未知
Cloud Zoom是一個(gè)圖像放大(dà)jQuery插件，效果堪比Magic Zoom。相對于流行(xíng)jQZoom插件，Cloud Zoom體(tǐ)積小(xiǎo)，有(yǒu)更多(duō)的功能和(hé)更強大(dà)的跨浏覽器(qì)兼容性。
特點
兼容大(dà)多(duō)數(shù)浏覽器(qì)，（已經測試通(tōng)過的浏覽器(qì)有(yǒu)：IE6+, Firefox, Chrome, Opera, Safari）
易于集成的基本有(yǒu)效的HTML。
（精縮）腳本小(xiǎo)，隻有(yǒu)6Kb。
平滑變焦運動。
畫(huà)廊模式。
着色，軟聚焦和(hé)內(nèi)變焦功能。
它是完全免費的。
使用方法
1、加載CSS：
2、加載Javascript：
3、HTML代碼：
插件參數(shù)一覽表
| 參數(shù) | 描述 (from V1.0.0) | 默認值 |
| zoomWidth | 設置縮放窗口的寬度，如果設置為(wèi)"auto"則窗口寬度與小(xiǎo)圖片寬度相等。 | 'auto' |
| zoomHeight | 設置縮放窗口的高(gāo)度，如果設置為(wèi)"auto"則窗口高(gāo)度與小(xiǎo)圖片高(gāo)度相等。 | 'auto' |
| position | 指定縮放窗口相對于小(xiǎo)圖片的位置。允許的值是 'left', 'right', 'top', 'bottom', 'inside' ，也可(kě)以是專門(mén)一個(gè)HTML元素的ID放置例如窗口的縮放位置：'element1' | 'right' |
| adjustX | 允許你(nǐ)微調像素的縮放窗口的X位置。 | 0 |
| adjustY | 允許你(nǐ)微調像素的縮放窗口的Y位置。 | 0 |
| tint | 指定覆蓋的小(xiǎo)圖片的顔色。顔色應指定十六進制(zhì)格式，例如'＃aa00aa'。 | false |
| tintOpacity | 指定色彩的透明(míng)度，其中0是完全透明(míng)的，1是完全不透明(míng)。 | 0.5 |
| lensOpacity | 設置鏡頭鼠标指針的透明(míng)度，其中0是完全透明(míng)的，1是完全不透明(míng)。在色彩和(hé)軟對焦模式，它将始終是透明(míng)的。 | 0.5 |
| softFocus | 适用于一種微妙的模糊效果來(lái)的小(xiǎo)圖片。設置為(wèi)true或false。 | false |
| smoothMove | 形象的漂移縮放，數(shù)字越高(gāo)，就越順暢/更輕松進行(xíng)漂移運動。 1 =不平滑。 | 3 |
| showTitle | 是否顯示圖片的标題. | true |
| titleOpacity | 指定是否顯示标題不透明(míng)度，其中0是完全透明(míng)的，1是完全不透明(míng)。 | 0.5 |
本文由月光光譯自professorcloud.com，原文地址http://www.professorcloud.com/mainsite/cloud-zoom.htm
聯系我們
一切良好工作(zuò)的開(kāi)始，都需相互之間(jiān)的溝通(tōng)搭橋，歡迎咨詢。
