jQuery panelSnap eklentisi

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

Yayınlayan

Yusuf Doru

İstanbul'da yaşıyor. Web ve masaüstü ortamlarında çalışmalar yapıyor. Araştırıyor, geliştiriyor. Kendine ait kişisel blogu var. Her ne kadar .NET dillerine ilgisi olsa da, açık kaynaklı programlama dillerinde de kendini geliştirmeye devam ediyor.

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir