Jquery 전체 화면 사진 앨범 플러그인 Zoomvisualizer에는 확대 및 축소를 조정하는 기능이 있습니다.

먼저 렌더링을 보여드리겠습니다.

렌더링을 보려면 클릭      소스 코드 다운로드

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>