Implementation:
(bxSlider can be used on any element which contains children)
jQuery code:
$(document).ready(function(){
$('#any_element').bxSlider();
});
Configuration:
- mode: 'slide', 'fade', 'ticker'
- speed: duration of transition in miliseconds
- auto: if false, transitions are controlled by user clicks
- pause: length of time between transitions (auto: true only)
- width: width of container element (in pixels)
- prev_text: text to be displayed that when clicked, slide transitions to the previous element
- next_text: text to be displayed that when clicked, slide transitions to the next element
- prev_img: image to be displayed that when clicked, slide transitions to the previous element
- next_img: image to be displayed that when clicked, slide transitions to the next element
- ticker_direction: direction of ticker movement (only if mode: 'ticker')
- wrapper_class: class name of auto-generated content wrapper