• Címkék:
  • slider
  • 3D
  • cu3er
  • kép
  • diavetítő
  • slideshow
  • csúsztat

Slicebox

Példa

www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu www.jquery-plugins.hu

Deklaráció

        $(document).ready(function(){
          $('#sb-slider').slicebox({
            slicesCount: 5,
            disperseFactor: 30,
            sequentialRotation: true,
            sequentialFactor: 100,
            fallbackEasing: 'easeOutBounce'
          });
          if( !Modernizr.csstransforms3d ){
            $('#sb-note').show();
            $('#sb-examples > li:gt(2)').remove();
            $('body').append($('script').attr( 'type', 'text/javascript' ).attr( 'src', 'js/jquery.easing.1.3.js' ));
          }
        });
      

HTML kód

        <div id="sb-slider" class="sb-slider">
          <img src="images/img1.jpg" width="700" height="420" alt="" title="Neon green color series - 1." />
          <img src="images/img2.jpg" width="700" height="420" alt="" title="Neon green color series - 2." />
          <img src="images/img3.jpg" width="700" height="420" alt="" title="Neon green color series - 3." />
          <img src="images/img4.jpg" width="700" height="420" alt="" title="Neon green color series - 4." />
          <img src="images/img5.jpg" width="700" height="420" alt="" title="Neon green color series - 5." />
          <img src="images/img6.jpg" width="700" height="420" alt="" title="Neon green color series - 6." />
          <img src="images/img7.jpg" width="700" height="420" alt="" title="Neon green color series - 7." />
          <img src="images/img8.jpg" width="700" height="420" alt="" title="Neon green color series - 8." />
          <img src="images/img9.jpg" width="700" height="420" alt="" title="Neon green color series - 9." />
        </div>
      

« bezár