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

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

在線演示     在線下載

配置參數

• 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指定位置。

標題名稱：圖片放大鏡效果 jQuery的圖片放大鏡插件 jQzoom
本文鏈接：http://muchs.cn/news/167283.html

成都網站建設公司_創(chuàng)新互聯，為您提供微信小程序、用戶體驗、動態(tài)網站、關鍵詞優(yōu)化、網站設計公司、自適應網站

廣告

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