JQzoom.V2.3.1 圖片放大鏡升級版

openkk 12年前發布 | 10K 次閱讀 JQzoom

jQZoom是一個基于最流行的jQuery的圖片放大器插件。它功能強大,使用簡便。支持標準模式、反轉模式、無鏡頭、無標題的放大,并可以自定義jQZoom的窗口位置和漸隱效果。

配置參數

  • 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’時,這個參數用于指定遮罩的透明度。
  • 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指定位置。

v2.3.1基于原版2.3修改,增加了:如果圖片小圖(非縮略圖)與大圖尺寸一樣,則隱藏放大鏡效果。

一:圖片大圖尺寸符合要求,有放大鏡圖標,并可放大查看JQzoom.V2.3.1 圖片放大鏡升級版

二:圖片大圖尺寸不符合要求,沒有放大鏡圖標,且不可放大查看JQzoom.V2.3.1 圖片放大鏡升級版

 本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
 轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
 本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!