圖片放大鏡效果 jQuery的圖片放大鏡插件 jQzoom

2022-06-14    分類: 網(wǎng)站建設(shè)

jQZoom是一個(gè)基于最流行的jQuery的圖片放大器插件。它功能強(qiáng)大,使用簡(jiǎn)便。支持標(biāo)準(zhǔn)模式、反轉(zhuǎn)模式、無(wú)鏡頭、無(wú)標(biāo)題的放大,并可以自定義jQZoom的窗口位置和漸隱效果,修正IE6的select bug


在線演示     在線下載


配置參數(shù)

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

網(wǎng)站名稱:圖片放大鏡效果 jQuery的圖片放大鏡插件 jQzoom
URL網(wǎng)址:http://www.muchs.cn/news33/167283.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供自適應(yīng)網(wǎng)站小程序開(kāi)發(fā)、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站建設(shè)微信公眾號(hào)、關(guān)鍵詞優(yōu)化

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

成都網(wǎng)站建設(shè)