亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

首頁 JS特效 圖片特效 jqzoom圖片放大器代碼

jqzoom圖片放大器代碼

jqzoom圖片放大器代碼

jqzoom圖片放大器代碼,適合產(chǎn)品圖片的展示,兼容主流瀏覽器,php中文網(wǎng)推薦下載! 使用方法: 1、head區(qū)域引入 <link rel="stylesheet" href="css/jqzoom.css" type="text/css"> 2、 引入js庫 <script src="js/j

jqzoom圖片放大器代碼,適合產(chǎn)品圖片的展示,兼容主流瀏覽器,php中文網(wǎng)推薦下載!
使用方法:
1、head區(qū)域引入
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">
2、 引入js庫
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
3、調(diào)用jqzoom函數(shù)庫
<script type="text/javascript">
$(function() {
var options =
{
zoomWidth: 250, //放大鏡的寬度
zoomHeight: 250,//放大鏡的高度
zoomType:'reverse'
};
$(".jqzoom").jqzoom(options);
});
</script>

配置參數(shù):
zoomType,默認值:’standard’,另一個值是’reverse’,是否將原圖用半透明圖層遮蓋。
zoomWidth,默認值:200,放大窗口的寬度。
zoomHeight,默認值:200,放大窗口的高度。
xOffset,默認值:10,放大窗口相對于原圖的x軸偏移值,可以為負。
yOffset,默認值:0,放大窗口相對于原圖的y軸偏移值,可以為負。
position,默認值:’right’,放大窗口的位置,值還可以是:’right’ ,’left’ ,’top’ ,’bottom’。
lens,默認值:true,若為false,則不在原圖上顯示鏡頭。
imageOpacity,默認值:0.2,當zoomType的值為’reverse’時,這個參數(shù)用于指定遮罩的透明度。
title,默認值:true,在放大窗口中顯示標題,值可以為a標記的title值,若無,則為原圖的title值。
showEffect,默認值:’show’,顯示放大窗口時的效果,值可以為: ‘show’ ,’fadein’。
hideEffect,默認值:’hide’,隱藏放大窗口時的效果: ‘hide’ ,’fadeout’。
fadeinSpeed,默認值:’fast’,放大窗口的漸顯速度(選項: ‘fast’,'slow’,'medium’)。
fadeoutSpeed,默認值:’slow’,放大窗口的漸隱速度(選項: ‘fast’,'slow’,'medium’)。
showPreload,默認值:true,是否顯示加載提示Loading zoom(選項: ‘true’,'false’)。
preloadText,默認值:’Loading zoom’,自定義加載提示文本。
preloadPosition,默認值:’center’,加載提示的位置,值也可以為’bycss’,以通過css指定位置。
免責聲明

本站所有資源均由網(wǎng)友貢獻或各大下載網(wǎng)站轉(zhuǎn)載。請自行檢查軟件的完整性!本站所有資源僅供學(xué)習(xí)參考。請不要將它們用于商業(yè)目的。否則,一切后果由您負責!如有侵權(quán),請聯(lián)系我們刪除。聯(lián)系方式:admin@php.cn

相關(guān)文章

釋放 Chrome DevTools 代碼片段的強大功能 釋放 Chrome DevTools 代碼片段的強大功能

10 Jan 2025

Chrome DevTools 中的 Snippets 面板是一個經(jīng)常被忽視的強大工具。 代碼片段允許開發(fā)人員直接在瀏覽器中編寫、保存和運行自定義 JavaScript 代碼。此功能有助于實驗、調(diào)試和演示 JavaS

wordpress如何更改首頁圖片 wordpress如何更改首頁圖片

20 Apr 2025

WordPress 首頁圖片(也稱特色圖片)可用于文章和頁面頂部。更改此圖片的步驟如下:選擇一張 JPG/JPEG/PNG/GIF 圖片,大小為 1200px 寬 x 630px 高或更大。在 WordPress 儀表盤中上傳圖片。在編輯器中,在“特色圖片”面板中設(shè)置上傳的圖片。保存更改。

如何用CSS3和JavaScript實現(xiàn)圖片點擊后周圍圖片散開并放大效果? 如何用CSS3和JavaScript實現(xiàn)圖片點擊后周圍圖片散開并放大效果?

05 Apr 2025

實現(xiàn)圖片點擊后周圍圖片散開并放大效果許多網(wǎng)頁設(shè)計中,需要實現(xiàn)一種交互效果:點擊某張圖片,使其周圍的...

圖像中的文字動畫效果代碼 圖像中的文字動畫效果代碼

10 Jan 2025

圖片內(nèi)文字效果 @導(dǎo)入

如何在高分辨率圖片中高效查找白色圓形區(qū)域? 如何在高分辨率圖片中高效查找白色圓形區(qū)域?

01 Apr 2025

在高分辨率圖片中查找白色區(qū)域的圓形區(qū)域在處理高分辨率圖片(例如9000x7000像素的圖片)時,如何高效地找出...

XML轉(zhuǎn)換成圖片的優(yōu)勢和劣勢是什么? XML轉(zhuǎn)換成圖片的優(yōu)勢和劣勢是什么?

02 Apr 2025

XML可轉(zhuǎn)換為圖片,優(yōu)勢在于能將結(jié)構(gòu)化數(shù)據(jù)直觀可視化,但轉(zhuǎn)換過程復(fù)雜,效率低,圖片樣式控制受限。1. 轉(zhuǎn)換復(fù)雜,需要轉(zhuǎn)換引擎解析XML并生成圖片。2. 轉(zhuǎn)換效率低,尤其當XML文件很大或圖片復(fù)雜時。3. 圖片樣式控制困難,需要自定義規(guī)則或可視化工具。

mysql可以存儲圖片嗎 mysql可以存儲圖片嗎

08 Apr 2025

MySQL可直接存儲圖片,但因效率低、風險高且不優(yōu)雅,將圖片存儲在文件系統(tǒng)并僅在數(shù)據(jù)庫中存儲圖片路徑是最佳實踐。

如何將XML轉(zhuǎn)換成動態(tài)圖片? 如何將XML轉(zhuǎn)換成動態(tài)圖片?

02 Apr 2025

將 XML 轉(zhuǎn)換成動態(tài)圖片需要使用編程語言和圖像處理庫。先解析 XML 數(shù)據(jù),提取圖片組成部分的信息,再利用圖像處理庫在圖片中繪制這些元素。對于動態(tài)效果,可以根據(jù) XML 數(shù)據(jù)生成圖片序列并合成 GIF 動畫,或使用高級圖像處理庫和視頻編碼實現(xiàn)更復(fù)雜的效果。

如何讓圖片在容器右下角完美對齊? 如何讓圖片在容器右下角完美對齊?

04 Apr 2025

巧妙解決圖片與容器右下角對齊難題在網(wǎng)頁布局中,常常會遇到圖片與容器邊框?qū)R的問題,特別是當圖片大小...

See all articles See all articles

熱工具

jQuery 3D圖片滑塊輪播特效

jQuery 3D圖片滑塊輪播特效

基于jQuery實現(xiàn)的3D圖片Slider輪播特效

純CSS實現(xiàn)鼠標經(jīng)過圖片特效炫酷切換動畫

純CSS實現(xiàn)鼠標經(jīng)過圖片特效炫酷切換動畫

純CSS實現(xiàn)鼠標經(jīng)過圖片特效炫酷切換動畫代碼下載。

html5帶視差效果的圖片輪播插件

html5帶視差效果的圖片輪播插件

一款html5帶視差效果的圖片輪播插件,可鼠標控制圖片,在圖片輪播滾動時產(chǎn)生炫酷的視覺差效果。

B站頭圖交互式鼠標懸停景深對焦效果

B站頭圖交互式鼠標懸停景深對焦效果

一款B站頭圖交互式鼠標懸停景深對焦效果網(wǎng)頁特效。

可拖拽旋轉(zhuǎn)的炫酷jQuery 3D圖片墻特效

可拖拽旋轉(zhuǎn)的炫酷jQuery 3D圖片墻特效

一款可拖拽旋轉(zhuǎn)的炫酷jQuery 3D圖片墻特效,圖片圍繞起來形成一個圓形的圖片墻,而且每張圖片都帶有發(fā)光與倒影效果,非常好看的圖片展示特效。