JQzoom.V2.3.1 圖片放大鏡升級版
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修改,增加了:如果圖片小圖(非縮略圖)與大圖尺寸一樣,則隱藏放大鏡效果。
一:圖片大圖尺寸符合要求,有放大鏡圖標,并可放大查看
二:圖片大圖尺寸不符合要求,沒有放大鏡圖標,且不可放大查看
本文由用戶 openkk 自行上傳分享,僅供網友學習交流。所有權歸原作者,若您的權利被侵害,請聯系管理員。
轉載本站原創文章,請注明出處,并保留原始鏈接、圖片水印。
本站是一個以用戶分享為主的開源技術平臺,歡迎各類分享!