background preloader

Slider jquery

Facebook Twitter

Facebook. Camera | a free jQuery slideshow by Pixedelic. Simple Multi-Item Slider with CSS Animations and jQuery. Horinaja for scriptaculous or jQuery. PgwSlider - Responsive slider for jQuery / Zepto. Download Current version: 2.3 And of course, you will need Jquery or Zepto to use this responsive slider plugin. Example To test the adaptive slider, just resize your browser and/or configure some options, and see the result below: <ul class="pgwSlider"><li><img src="paris.jpg" alt="Paris, France" data-description="Eiffel Tower and Champ de Mars"></li><li><img src="montreal_mini.jpg" alt="Montréal, QC, Canada" data-large-src="montreal.jpg"></li><li><img src="shanghai.jpg"><span>Shanghai, China</span></li><li><a href=" target="_blank"><img src="new-york.jpg"><span>New York, NY, USA</span></a></li></ul> JavaScript: $(document).ready(function() { $('.pgwSlider').pgwSlider(); }); Documentation Slide components This plugin is SEO compliant, so the statement of the slideshow elements is only via a HTML tag "<ul>" (see our example above).If you wish, you can add one or more sliders on a same page.

Image Each image must be placed in a <li> tag. Title Link Plugin options Slider API. Options | Responsive jQuery Slider | bxSlider. No two projects are the same. That is why bxSlider is packed full of options that allow the slider to adapt to the project’s specific needs. Check the examples page for detailed implementations. General mode Type of transition between slides default: 'horizontal' options: 'horizontal', 'vertical', 'fade' speed Slide transition duration (in ms) default: 500 options: integer slideMargin Margin between each slide default: 0 options: integer startSlide Starting slide index (zero-based) randomStart Start slider on a random slide default: false options: boolean (true / false) slideSelector Element to use as slides (ex. Default: '' options: jQuery selector infiniteLoop If true, clicking "Next" while on the last slide will transition to the first slide and vice-versa default: true options: boolean (true / false) hideControlOnEnd If true, "Next" control will be hidden on last slide and vice-versaNote: Only used when infiniteLoop: false easing The type of "easing" to use during transitions.

Captions ticker tickerHover. Horinaja PRO for scriptaculous or jQuery. Slick - the last carousel you'll ever need. Set up your HTML markup. <div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project Add slick.css in your <head> <link rel="stylesheet" type="text/css" href="slick/slick.css"/> // Add the new slick-theme.css if you want the default styling <link rel="stylesheet" type="text/css" href="slick/slick-theme.css"/> Add slick.js before your closing <body> tag, after jQuery (requires jQuery 1.7 +) Initialize your slider in your script file or an inline script tag When complete, your HTML should look something like: NOTE: I highly recommend putting your initialization script in an external JS file.

Set up your HTML markup. <div class="your-class"><div>your content</div><div>your content</div><div>your content</div></div> Move the /slick folder into your project Add slick.css in your <head> Add slick.js before your closing <body> tag, after jQuery (requires jQuery 1.7 +) When complete, your HTML should look something like:

JqFancyTransitions: jQuery Image Rotator Plugin. jQuery Rotator Plugins - Page 1. Image Rotator Widget. A widgetized plugin that puts an image rotator on your theme in any sidebar. You can choose from three different transitions: linear, loop, and fade. In the widget settings you have the ability to set the transition speed, apply nofollow if linked, open links in a new window, upload/select images to add to the Image Rotator, and to drag & drop to reorder the order you want the images to appear.

Or you can set randomize and each time the widget loads it will start with a random image and work its way through your array. Watch the video below for a short demonstration of workflow. Features include: About The Image Rotator Widget was originally developed by Stephen Coley for DK New Media, the makers of CircuPress, a newsletter plugin for WordPress, and publishers of the Marketing Technology Blog. Galleriffic 2.0 | trentacular. Coin Slider: jQuery Image Slider Plugin with Unique Effects.

AviaSlider - a unique jQuery Image slideshow plugin! Features of the Avia Image Slider 8 unique transition effects Lots of easy to set options to create your own effects Included Image preloader Autoplay that stops on user interaction Valid HTML5 and CSS 3 Markup Packed version only weights 8kb Supports linked images already prepared to work with prettyPhoto Lightbox works with jQuery 1.32 and higher Browser Support Internet Explorer 6 and higher Safari 3 and higher Firefox 2 and higher Opera 10 and higher Google Chrome 3 and higher Checks for last 3 Browsers performed on Mac & Win Download & Docs.