jqzoom圖片放大器代碼
使用方法:
1、head區(qū)域引入
<link rel="stylesheet" href="css/jqzoom.css" type="text/css">
2、 引入js庫
<script src="js/jquery.min.js" type="text/javascript"></script>
<script src="js/jqzoom.pack.1.0.1.js" type="text/javascript"></script>
3、調(diào)用jqzoom函數(shù)庫
<script type="text/javascript">
$(function() {
var options =
{
zoomWidth: 250, //放大鏡的寬度
zoomHeight: 250,//放大鏡的高度
zoomType:'reverse'
};
$(".jqzoom").jqzoom(options);
});
</script>
配置參數(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,在放大窗口中顯示標題,值可以為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指定位置。
本站所有資源均由網(wǎng)友貢獻或各大下載網(wǎng)站轉(zhuǎn)載。請自行檢查軟件的完整性!本站所有資源僅供學(xué)習(xí)參考。請不要將它們用于商業(yè)目的。否則,一切后果由您負責(zé)!如有侵權(quán),請聯(lián)系我們刪除。聯(lián)系方式:admin@php.cn
相關(guān)文章

08 Jul 2020
在平常我們使用一些滾動圖片的效果,都是用javascript代碼(JQuery)實現(xiàn),但是在如今Html5和CSS3盛行的時代,可以替代javascript代碼來實現(xiàn)一些常見的效果,下面我們一起看看CSS3是如何實現(xiàn)圖片滾動播放效果的吧。

25 Aug 2018
?本篇文章給大家?guī)淼膬?nèi)容是關(guān)于使用富文本編輯器上傳圖片彈出層的代碼實現(xiàn),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

25 Aug 2018
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于富文本編輯器如何調(diào)用云盤的圖片文件(代碼分析),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。

10 Jan 2025
Chrome DevTools 中的 Snippets 面板是一個經(jīng)常被忽視的強大工具。 代碼片段允許開發(fā)人員直接在瀏覽器中編寫、保存和運行自定義 JavaScript 代碼。此功能有助于實驗、調(diào)試和演示 JavaS

25 Aug 2018
本篇文章給大家?guī)淼膬?nèi)容是關(guān)于富文本中如何選擇一個img插入編輯器(附代碼),有一定的參考價值,有需要的朋友可以參考一下,希望對你有所幫助。?

05 Apr 2025
實現(xiàn)圖片點擊后周圍圖片散開并放大效果許多網(wǎng)頁設(shè)計中,需要實現(xiàn)一種交互效果:點擊某張圖片,使其周圍的...

20 Apr 2025
WordPress 首頁圖片(也稱特色圖片)可用于文章和頁面頂部。更改此圖片的步驟如下:選擇一張 JPG/JPEG/PNG/GIF 圖片,大小為 1200px 寬 x 630px 高或更大。在 WordPress 儀表盤中上傳圖片。在編輯器中,在“特色圖片”面板中設(shè)置上傳的圖片。保存更改。


熱工具

jQuery 3D圖片滑塊輪播特效
基于jQuery實現(xiàn)的3D圖片Slider輪播特效

純CSS實現(xiàn)鼠標經(jīng)過圖片特效炫酷切換動畫
純CSS實現(xiàn)鼠標經(jīng)過圖片特效炫酷切換動畫代碼下載。

html5帶視差效果的圖片輪播插件
一款html5帶視差效果的圖片輪播插件,可鼠標控制圖片,在圖片輪播滾動時產(chǎn)生炫酷的視覺差效果。

B站頭圖交互式鼠標懸停景深對焦效果
一款B站頭圖交互式鼠標懸停景深對焦效果網(wǎng)頁特效。

可拖拽旋轉(zhuǎn)的炫酷jQuery 3D圖片墻特效
一款可拖拽旋轉(zhuǎn)的炫酷jQuery 3D圖片墻特效,圖片圍繞起來形成一個圓形的圖片墻,而且每張圖片都帶有發(fā)光與倒影效果,非常好看的圖片展示特效。
