Search Google

Wednesday 2 July 2014

Responsive jQuery Image Sliders and slideshow plugins jquery plugin

 speed: 500,               //  The speed to animate each slide (in milliseconds)
 delay: 3000,              //  The delay between slide animations (in milliseconds)
 complete: function() {},  //  A function that gets called after every slide animation
 keys: true,               //  Enable keyboard (left, right) arrow shortcuts
 dots: true,               //  Display dot navigation
 fluid: false              //  Support responsive design. May break non-responsive designs


Unislider – The super tiny jQuery Slider

No fancy effects or unnecessary markup, and it’s less than 3kb. Use any HTML in your slides, extend with CSS. You have full control. Everything to do with Unslider is hosted on GitHub.
  • Cross-browser happy
  • Keyboard support
  • Adjusts for height
  • Yep, it’s responsive
  • Touch support
Demo | Download  super-tiny jQuery slider 




2.Flat-style Polaroid gallery

A scattered style gallery with responsive design and flat looks will interest many of us. This gallery is better suited for tablets and bigger displays.
  • Responsive Slider
  • Flat Design
  • Shuffle transition
  • Full source code available
Demo| Download Scattered Polaroids Gallery

Fullscreen Slit Slider with jQuery and CSS3 + Tutorial

A tutorial on how to create a fullscreen slideshow with a twist: the idea is to slice open the current slide when navigating to the next or previous one. Using jQuery and CSS animations we can create unique slide transitions for the content elements.
  • Responsive Design
  • Split Transition
  • Full Screen slider
Demo|Download Fullscreen Slit Slider with jQuery and CSS3

Simple multi-item jQuery slider + Tutorial

The idea was inspired by the Apple product slider where several little items fly in with a bouncing animation. We wanted to translate this concept to a modern-looking alternative for a minimal online store design where the items represent different categories. Categories as use-case fit quite well because of the limited nature of this type of slider.
  • Responsive layout
  • Minimal Design
  • Fade and slide effects
Demo|Download minimal jquery slider

Full width jQuery image slider

A very simple 100% width slider that scales down to mobile. This slider has a 100% width layout and it is responsive. It operates with CSS transitions and the image is wrapped with an anchor. The anchor can be replaced by a division if no linking is needed. With a max-width set to 100%, the image will size down for smaller screens.
  • Responsive jQuery slider
  • Full width
  • Minimal Design
Demo|Download full slider




Build perfect push menus with this powerful jquery plugin as it is capable of displaying sidebar style menus with easy implementation in html websites.
Demo | Source


No comments:

Post a Comment