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

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

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


在線演示     在線下載


配置參數(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,當(dāng)zoomType的值為’reverse’時,這個參數(shù)用于指定遮罩的透明度。
  • title,默認值:true,在放大窗口中顯示標(biāo)題,值可以為a標(biāo)記的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)站名稱:圖片放大鏡效果 jQuery的圖片放大鏡插件 jQzoom
URL網(wǎng)址:http://www.bm7419.com/news33/167283.html

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

廣告

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

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