20个免费响应式的jQuery图像滑块

jopen 10年前

HiSlider - HTML5, jQuery & WordPress Image Slider Gallery

Hi Slider is free jQuery slider software for personal use, and this software will enable you to publish responsive jQuery image galleries, seamless WordPress slider plugins, amazing website sliding banners and fancy JavaScript slideshow presentation.

  • Responsive Slider
  • No Coding for you
  • Multiple Fascinating Templates & Skins
  • Awesome Transition Effects
  • Multiple Platforms
  • Publish to Website, WordPress, Joomla, Drupal
  • Multi-Media:Images, 油Tube Videos & Vimeo Videos
  • Flexible Custom Options
  • Useful Action Types
  • Unlimited Output
Demo|Download

jQuery Image Slider Gallery

Wow Slider

WOW Slider is a responsive jQuery image slider with amazing visual effects (Domino,Page, Rotate, Blur, Flip, Blast, Fly, Blinds, Squares, Slices, Basic, Fade, Ken Burns, Stack,Stack vertical, Basic linear, Cube and Seven) and tons of professionally made templates. WOW Slider is packed with a point-and-click wizard to create fantastic sliders in a matter of seconds without coding and image editing. Wordpress slider plugin and Joomla slider module are available also.

  • Fully Responsive
  • All browser, all devices support
  • Touch Swipe support
  • Easy wordpress setup
  • Highly Customizable
  • SEO Ready
Demo|Download HTML jquery content sliders

Nivo Slider – Free jQuery Plugin

The Nivo Slider is world renowned as the most beautiful and easy to use image slider on the market. There is literally no better way to make your website look totally stunning. The Nivo Slider jQuery plugin is free to download and released under the MIT license.

  • Requires jQuery v1.7+
  • Beautiful Transition Effects
  • Simple and Flexible Setup
  • Small, Semantic & Responsive
  • Free to Use & Abuse
  • Powerful & Simple Slider Creation
  • Multiple Slider Types
  • Automatic Image Cropping
Demo|Download nivo jquery slider

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

Elastic Content Slider + Tutorial

A fluid content slider that will adjust in width and height depending on the size of its parent. This Blueprint is a simple jQuery content slider. It has a sliding area for content and a tab-like navigation at the bottom. The slider is fluid, meaning that it will adjust to the parent’s container width and height. A couple of media queries show how to minimalise the look by just leaving icons for the navigation when the screen is very small.

  • Responsive Design
  • Click Through
Demo|Download Responsive Content Slider

Free 3D Stack Slider

An experimental image slider that flips through images in 3D. Two stacks resemble image piles where images will be lifted off from and rotated to the center for viewing.

  • Responsive Design
  • Flip Transition
  • 3D Effect
Demo|Download flips through images in 3D

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

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

Minimal Responsive Slides

Simple & lightweight responsive slider plugin (in 1kb). ResponsiveSlides.js is a tiny jQuery plugin that creates a responsive slider using elements inside a container. ResponsiveSLides.js works with wide range of browsers including all IE versions from IE6 and up.

  • Fully responsive
  • 1kb minified and gzipped
  • CSS3 transitions with JavaScript fallback
  • Simple markup using unordered list
  • Settings for transition and timeout durations
  • Multiple slideshows supported
  • Automatic and manual fade
Demo|Download responsive slides

Camera | a free jQuery slideshow

Camera a free jQuery slideshow with many effects, transitions, adaptive layout, easy to customize, using canvas and mobile ready.

  • Responsive Design
  • Captions
  • Add Videos
  • 33 different icon colors
Demo|Download free jquery slider

SlidesJS, a responsive slideshow jQuery plug-in

lidesJS is a responsive slideshow plug-in for jQuery (1.7.1+) with features like touch and CSS3 transitions. Give it a try above and check out the examples to help you get started adding SlidesJS to your project.

  • Responsive Design
  • CSS3 transitions
  • Touch
  • Easy setup
Demo | Download responsive slideshow plug-in for jQuery

bx Jquery Slider

This is a free Responsive jQuery Content Slider.

  • Fully responsive – will adapt to any device
  • Horizontal, vertical, and fade modes
  • Slides can contain images, video, or HTML content
  • Advanced touch / swipe support built-in
  • Uses CSS transitions for slide animation (native hardware acceleration!)
  • Full callback API and public methods
  • Small file size, fully themed, simple to implement
Demo|Download

The Responsive jQuery Content Slider

FlexSlider 2

The best responsive slider.The slider was restructured for speed, better minification, and minimizing reflows / repaints.

Demo | Download

flexslider

Galleria – Responsive JavaScript Image Gallery

Galleria has been serving top-quality image galleries to millions of web sites during the last years. We couldn’t be happier with all the positive response we received.

  • Free without restrictions
  • Fullscreen View
  • 100% Responsive
  • No programming skills required
  • iPhone, iPad & touch support
  • Flickr, Vimeo, 油Tube and more
  • One core, multiple themes
Demo | Download

JavaScript image gallery framework slider

Blueberry – A simple, fluid, responsive jQuery image slider

Introducing a jQuery image slider written specifically for responsive web design. Blueberry is an experimental opensource jQuery image slider plugin which has been written specifically to work with fluid/responsive web layouts.

  • Minimal Design
  • Responsive Layout
  • Fade Slide
Demo | Download

free jQuery image slider plugin

jQuery popeye 2.1

An inline lightbox alternative with slideshow.The first popeye-box uses the standard options: it floats to the left and opens to the right, its navigation and caption show on mouseover.

  • Responsive Design ? Its a tiny slider
  • Visible enough
  • Caption Support
  • Slideshow
Demo | Download

popeye-box

FractionSlider: Free jQuery parallax Slider Plugin

Check out this awesome jQuery parallax slider plugin. Animate multiple element per slide with full control in every aspect of time and animation. FractionSlider is a jQuery plugin for image/text-sliders. It allows you to animate multiple elements per slide. You can set different animation methods like fade or transitions from a certain direction.

  • Slide animations & responsive
  • Object animations
  • Steps
  • Background animations
Demo|Download

FractionSlider

Free Responsive Image Slider + Tutorial

Today we will code a responsive image slider from the Impressionist UI. We will code it using the FlexSlider plugin for the functionality and style it using CSS3. I hope you will enjoy it and find it useful for your projects. Lets get started!

  • Responsive Image Slider
  • Fade Effect
  • Left, right arrows
  • Green buttons
Demo|Download

Responsive Image Slider in jQuery and CSS3

Sequence – Free Responsive Slider with Advanced CSS3 Transitions

Comes with four cool themes but only modern slide is responsive as apple style and horizontal parallax slides are not fluid here.

  • Three Great free Themes
  • Sliding Horizontal Parallax
  • Apple Style
  • Minimalist Modern Slide (Responsive slider skin)
  • Touch Support
  • Easily Modified
  • Cross Browser
Demo|Download

Responsive minimal slider

Swipe – Free responsive accurate touch slider

  • Responsive
  • Resistant Bounds
  • Scroll Prevention
  • Library Agnostic
  • IE7+ Compatible
Demo|Download

most accurate touch slider