Jquery全屏相冊插件zoomvisualizer具有調(diào)節(jié)放大與縮小功能
更新時間：2015年11月02日 14:16:35 投稿：mrr
本文給大家分享一款經(jīng)常使用的jquery全屏相冊插件zoomvisualizer具有調(diào)節(jié)放大與縮小的功能，對jquery全屏相冊插件zoomvisualizer感興趣的朋友可以通過本文學(xué)習(xí)一下
先給大家展示效果圖：
jQuery可調(diào)節(jié)放大與縮小功能的全屏相冊插件zoomVisualizer。
文件引用：
<script src="js/jquery.min.js"></script>
<script src="js/jquery-ui.min.js"></script>
<script type="text/javascript" src="js/ZoomVisualizer.js"></script>
<script type="text/javascript">
jQuery(document).ready(function() {
$(window).ZoomVisualizer({
added: added,
removed: removed,
object: '#zoom-visualizer',
resizeInitial: true,
centerThumbs: true,
loader: "img/ajax-loader-overlay.gif",
sliderOrientation: "vertical",
positionZoom: {
left: 10,
right: 10,
top:10,
bottom:10
}
});
function added() {
console.log("相冊打開了！");
}
function removed() {
console.log("相冊關(guān)閉了！");
}
});
</script>
相關(guān)文章
下面小編就為大家?guī)硪黄猨son定義及jquery操作json的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-09-09
jQuery ajax serialize()方法的使用以及常見問題解決
使用ajax時，常常需要拼裝input數(shù)據(jù)為'name=abc&sex=1'這種形式，用JQuery的serialize方法可以輕松的完成這個工作接下來介紹jQuery ajax - serialize() 方法定義和用法，感興趣的朋友可以了解下啊，希望本文對你有所幫助2013-01-01
這篇文章主要介紹了jquery實現(xiàn)的樹形目錄,涉及jquery針對頁面元素及鼠標事件的相關(guān)操作技巧,需要的朋友可以參考下2015-06-06
這篇文章主要為大家詳細介紹了避免jQuery名字沖突，noConflict()方法，感興趣的朋友可以參考一下2016-07-07
昨天看了妙味課堂的倒計時視頻，自己學(xué)著寫了下，需要的朋友可以參考下2012-05-05
這篇文章主要為大家詳細介紹了jquery+css實現(xiàn)移動端元素拖動排序，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
這篇文章主要介紹了jquery實現(xiàn)鼠標懸浮停止輪播特效，鼠標懸停在圖片上則停止輪播，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2015-12-12
這篇文章主要介紹了jQuery中trigger()與bind()用法,結(jié)合實例形式分析了trigger()與bind()的功能、定義及具體使用技巧,需要的朋友可以參考下2015-12-12
很多網(wǎng)站的首頁都有廣告輪播，今天閑來看了一網(wǎng)站的首頁廣告輪播方式，是通過 jQuery的blockSlide插件實現(xiàn)的，然后自己測試了一下，很好。2010-11-11
jQuery+canvas實現(xiàn)簡單的球體斜拋及顏色動態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實現(xiàn)簡單的球體斜拋及顏色動態(tài)變換效果,通過jQuery+html5的canvas利用時間函數(shù)進行實時數(shù)學(xué)運算動態(tài)繪制拋物線圖形的技巧,需要的朋友可以參考下2016-01-01