Rumah  >  Artikel  >  hujung hadapan web  >  Pemalam album foto skrin penuh Jquery zoomvisualizer mempunyai fungsi melaraskan zum masuk dan keluar_jquery

Pemalam album foto skrin penuh Jquery zoomvisualizer mempunyai fungsi melaraskan zum masuk dan keluar_jquery

WBOY
WBOYasal
2016-05-16 15:33:581293semak imbas

Saya akan tunjukkan kepada anda rendering dahulu:

Klik untuk melihat pemaparan      Muat turun kod sumber

zoomVisualizer, pemalam album foto skrin penuh jQuery dengan fungsi zum dan zum boleh laras.

Rujukan fail:

<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>

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn