Examples
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 <ul>
- Slider works best when all slides are same height and width
- Make sure there is no padding or margins on the <ul> and <li> 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 <ul> height to this value. then set overflow:hidden on the <ul>
- 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+
