bxSlider is a feature-rich jQuery HTML Content Slider that supports horizontal, vertical, and fade transitions and allows you to display and move multiple slides at once (carousel) and comes with tons of options.
bxSlider Features
- Horizontal, vertical, and fade transitions
- Display and move multiple slides at once (carousel)
- Prev / next, pager, auto controls
- Easing transitions
- Random start
- Ticker mode
- Before, after, first, last, next, prev callback functions
- Optional styling included
- Tons of options
Notes & Tips
- To ensure webkit browsers display the slideshow correctly - ALWAYS DECLARE A HEIGHT AND WIDTH ON YOUR IMAGES!!
- Even though bxSlider should be able to determine the width of your slideshow, it is always a good idea to declare a width on your
- Slider works best when all slides are same height and width
- Make sure there is no padding or margins on the
-
and
- elements
- You may see a flicker of unstyled content before the slider kicks in - to eliminate this determine the height of your first slide and set your
-
- In ticker mode you may use autoControls, autoControlsSelector, startText, startImage, stopText, stopImage
- Do not try to use starting slide / random start in ticker mode
- For best results using vertical slideshows, all slides should have the same height
- If u see funky stuff with margins in IE6/7 include the style zoom:1 on the problem elements
- To implement your own styles for the slider do not include the bx_slider.css stylesheet (advanced use)
- Tested in Firefox 3.6, Safari 5, Chrome 6, Opera 10, IE6+
- Requires jQuery 1.3+
height to this value. then set overflow:hidden on the
Demo: http://bxslider.com/examples
Download: http://bxslider.com/
-
Who Read This Article Also Interested:::
| ←Previous Promotion Slider: Powerful Free WordPress Content Slider | 20 jQuery Slider Plugins from 2011 Next→ |
|---|
