ホームページ >ウェブフロントエンド >jsチュートリアル >Jquery全画面フォトアルバムプラグインzoomvisualizerにズームイン・アウト調整機能あり_jquery

Jquery全画面フォトアルバムプラグインzoomvisualizerにズームイン・アウト調整機能あり_jquery

WBOY
WBOYオリジナル
2016-05-16 15:33:581339ブラウズ

最初にレンダリングを示します:

クリックしてレンダリングを表示 ソース コードのダウンロード

zoomVisualizer は、調整可能なズーム機能とズーム機能を備えた jQuery フルスクリーン フォト アルバム プラグインです。

ファイル参照:

<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("相册关闭了!");
 }
});
</script>

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。