Jquery全屏相冊插件zoomvisualizer具有調(diào)節(jié)放大與縮小功能

更新時(shí)間：2015年11月02日 14:16:35 投稿：mrr

本文給大家分享一款經(jīng)常使用的jquery全屏相冊插件zoomvisualizer具有調(diào)節(jié)放大與縮小的功能，對jquery全屏相冊插件zoomvisualizer感興趣的朋友可以通過本文學(xué)習(xí)一下

先給大家展示效果圖：

點(diǎn)擊查看效果圖源碼下載

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)文章

json定義及jquery操作json的方法
下面小編就為大家?guī)硪黄猨son定義及jquery操作json的方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2016-09-09
jQuery ajax serialize()方法的使用以及常見問題解決
使用ajax時(shí)，常常需要拼裝input數(shù)據(jù)為'name=abc&sex=1'這種形式，用JQuery的serialize方法可以輕松的完成這個(gè)工作接下來介紹jQuery ajax - serialize() 方法定義和用法，感興趣的朋友可以了解下啊，希望本文對你有所幫助
2013-01-01
jquery實(shí)現(xiàn)的樹形目錄實(shí)例
這篇文章主要介紹了jquery實(shí)現(xiàn)的樹形目錄,涉及jquery針對頁面元素及鼠標(biāo)事件的相關(guān)操作技巧,需要的朋友可以參考下
2015-06-06
避免jQuery名字沖突 noConflict()方法
這篇文章主要為大家詳細(xì)介紹了避免jQuery名字沖突，noConflict()方法，感興趣的朋友可以參考一下
2016-07-07
基于jQuery的倒計(jì)時(shí)實(shí)現(xiàn)代碼
昨天看了妙味課堂的倒計(jì)時(shí)視頻，自己學(xué)著寫了下，需要的朋友可以參考下
2012-05-05
jquery+css實(shí)現(xiàn)移動端元素拖動排序
這篇文章主要為大家詳細(xì)介紹了jquery+css實(shí)現(xiàn)移動端元素拖動排序，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2022-02-02
jquery實(shí)現(xiàn)鼠標(biāo)懸浮停止輪播特效
這篇文章主要介紹了jquery實(shí)現(xiàn)鼠標(biāo)懸浮停止輪播特效，鼠標(biāo)懸停在圖片上則停止輪播，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2015-12-12
jQuery中trigger()與bind()用法分析
這篇文章主要介紹了jQuery中trigger()與bind()用法,結(jié)合實(shí)例形式分析了trigger()與bind()的功能、定義及具體使用技巧,需要的朋友可以參考下
2015-12-12
基于jQuery的仿flash的廣告輪播代碼
很多網(wǎng)站的首頁都有廣告輪播，今天閑來看了一網(wǎng)站的首頁廣告輪播方式，是通過 jQuery的blockSlide插件實(shí)現(xiàn)的，然后自己測試了一下，很好。
2010-11-11
jQuery+canvas實(shí)現(xiàn)簡單的球體斜拋及顏色動態(tài)變換效果
這篇文章主要介紹了jQuery+canvas實(shí)現(xiàn)簡單的球體斜拋及顏色動態(tài)變換效果,通過jQuery+html5的canvas利用時(shí)間函數(shù)進(jìn)行實(shí)時(shí)數(shù)學(xué)運(yùn)算動態(tài)繪制拋物線圖形的技巧,需要的朋友可以參考下
2016-01-01