Bu jQuery eklentisi, bir dizi panelleri(section,div) yapıştırma işlevi sağlar. Bu sayede daha hızlı sayfa geçişleri sağlayabiliyoruz. Nasıl çalıştığını demo sayfasını gördükten sonra daha iyi anlayacaksınız.

Basit Kullanımı

<html>
  <head>
    <script src="/path/to/jquery.js"></script>
    <script src="/path/to/jquery.customEvents.js"></script>
    <script src="/path/to/jquery.panelSnap.js"></script>
    <script>
      $('body').panelSnap();
    </script>
  </head>
  <body>
    <section>
      ...
    </section>
    <section>
      ...
    </section>
    <section>
      ...
    </section>
  </body>
</html>

Gelişmiş Kullanımı

<script>
  var options = {
    $menu: false,
    menuSelector: 'a',
    panelSelector: 'section',
    namespace: '.panelSnap',
    onSnapStart: function(){},
    onSnapFinish: function(){},
    directionThreshold: 50,
    slideSpeed: 200
  };

  $('.panel_container').panelSnap(options);
</script>

 

 

Demo: http://guidobouman.github.io/jquery-panelsnap/

İndir: http://github.com/guidobouman/jquery-panelsnap