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

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

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

先給大家展示效果圖：

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

jQuery可調(diào)節(jié)放大與縮小功能的全屏相冊(cè)插件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("相冊(cè)打開了！");
 }
 function removed() {
  console.log("相冊(cè)關(guān)閉了！");
 }
});
</script>

您可能感興趣的文章:

相關(guān)文章

jQuery入門構(gòu)造函數(shù)
jQuery入門構(gòu)造函數(shù)，需要的朋友可以參考下。
2009-10-10
基于jQuery實(shí)現(xiàn)交互體驗(yàn)社會(huì)化分享代碼附源碼下載
基于jQuery實(shí)現(xiàn)交互體驗(yàn)社會(huì)化分享代碼附源碼下載。這是一款鼠標(biāo)點(diǎn)擊分享按鈕向右滑出騰訊微博，新浪微博，QQ空間，豆瓣，微信，二維碼分享等分享平臺(tái)，本段代碼比較實(shí)用，需要的朋友參考下吧
2016-01-01
js判斷復(fù)選框是否選中的方法示例【基于jQuery】
這篇文章主要介紹了js判斷復(fù)選框是否選中的方法,結(jié)合實(shí)例形式分析了基于jQuery實(shí)現(xiàn)的復(fù)選框選中判斷相關(guān)操作技巧,需要的朋友可以參考下
2019-10-10
jquery.tagsinput.js實(shí)現(xiàn)記錄checkbox勾選的順序
這篇文章主要為大家詳細(xì)介紹了jquery.tagsinput.js實(shí)現(xiàn)記錄checkbox勾選的順序，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2019-09-09
jquery1.9 下檢測(cè)瀏覽器類型和版本的方法
本文為大家介紹下jquery1.9 下如何檢測(cè)瀏覽器類型和版本，下面有個(gè)不錯(cuò)的示例，大家可以參考下
2013-12-12
SinaEditor使用方法詳解
本篇文章主要是對(duì)SinaEditor使用方法進(jìn)行了詳細(xì)的介紹，需要的朋友可以過來(lái)參考下，希望對(duì)大家有所幫助
2013-12-12
jQuery內(nèi)容選擇器與表單選擇器實(shí)例分析
這篇文章主要介紹了jQuery內(nèi)容選擇器與表單選擇器,結(jié)合實(shí)例形式分析了jQuery內(nèi)容選擇器與表單選擇器的功能、用法及相關(guān)操作注意事項(xiàng),需要的朋友可以參考下
2019-06-06
淺談jquery中ajax跨域提交的時(shí)候會(huì)有2次請(qǐng)求的問題
下面小編就為大家?guī)?lái)一篇淺談jquery中ajax跨域提交的時(shí)候會(huì)有2次請(qǐng)求的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧
2017-11-11
jquery拖動(dòng)插件(jquery.drag)使用介紹
可以使用鼠標(biāo)任意拖動(dòng)列表項(xiàng)改變默認(rèn)的位置，具體的實(shí)現(xiàn)如下(附演示)，感興趣的朋友可以學(xué)習(xí)下
2013-06-06
使用jQuery將多條數(shù)據(jù)插入模態(tài)框的實(shí)現(xiàn)代碼
這篇文章主要介紹了使用jQuery將多條數(shù)據(jù)插入模態(tài)框的方法，很簡(jiǎn)單，很實(shí)用，需要的朋友可以參考下
2014-10-10