// JQUERY IMAGE ROTATOR // visit http://bxslider.com/ for more info $('#home-rotator').bxSlider({ infiniteLoop: true, // true, false - display first slide after last // hideControlOnEnd: false, // true, false - if true, will hide 'next' control on last slide and 'prev' control on first controls: false, // true, false - previous and next controls speed: 750, // integer - in ms, duration of time slide transitions will occupy // easing: 'swing', // used with jquery.easing.1.3.js - see http://gsgd.co.uk/sandbox/jquery/easing/ for available options pager: true, // true / false - display a pager pagerSelector: null, // jQuery selector - element to contain the pager. ex: '#pager' pagerType: 'full', // 'full', 'short' - if 'full' pager displays 1,2,3... if 'short' pager displays 1 / 4 // pagerLocation: 'bottom', // 'bottom', 'top' - location of pager // pagerShortSeparator: '/', // string - ex: 'of' pager would display 1 of 4 // pagerActiveClass: 'pager-active', // string - classname attached to the active pager link nextText: '', // string - text displayed for 'next' control // nextImage: '/wp-content/themes/threesphere/images/next.png', // string - filepath of image used for 'next' control. ex: 'images/next.jpg' // nextSelector: null, // jQuery selector - element to contain the next control. ex: '#next' prevText: '', // string - text displayed for 'previous' control // prevImage: '/wp-content/themes/threesphere/images/prev.png', // string - filepath of image used for 'previous' control. ex: 'images/prev.jpg' // prevSelector: null, // jQuery selector - element to contain the previous control. ex: '#next' // captions: false, // true, false - display image captions (reads the image 'title' tag) // captionsSelector: null, // jQuery selector - element to contain the captions. ex: '#captions' auto: true, // true, false - make slideshow change automatically // autoDirection: 'next', // 'next', 'prev' - direction in which auto show will traverse // autoControls: false, // true, false - show 'start' and 'stop' controls for auto show // autoControlsSelector: null, // jQuery selector - element to contain the auto controls. ex: '#auto-controls' // autoStart: true, // true, false - if false show will wait for 'start' control to activate autoHover: true, // true, false - if true show will pause on mouseover // autoDelay: 0, // integer - in ms, the amount of time before starting the auto show pause: 5000, // integer - in ms, the duration between each slide transition // startText: 'start', // string - text displayed for 'start' control // startImage: '', // string - filepath of image used for 'start' control. ex: 'images/start.jpg' // stopText: 'stop', // string - text displayed for 'stop' control // stopImage: '', // string - filepath of image used for 'stop' control. ex: 'images/stop.jpg' // ticker: false, // true, false - continuous motion ticker mode (think news ticker) // note: autoControls and autoControlsSelector apply to ticker! // tickerSpeed: 5000, // integer - has an inverse effect on speed. therefore, a value of 10000 will // scroll very slowly while a value of 50 will scroll very quickly. tickerDirection: 'prev', // 'next', 'prev' - direction in which ticker show will traverse // tickerHover: false, // true, false - if true ticker will pause on mouseover // wrapperClass: 'bx-wrapper', // string - classname attached to the slider wraper // startingSlide: 0, // integer - show will start on specified slide. note: slides are zero based! // displaySlideQty: 1, // integer - number of slides to display at once // moveSlideQty: 1, // integer - number of slides to move at once // randomStart: true, // true, false - if true show will start on a random slide /** * note: callback functions are advanced use only! please see the tutorials! **/ // onBeforeSlide: function(){ // $('ul.home-rotator-txt li').fadeOut('fast'); // }, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onAfterSlide: function(currentSlideNumber){ // $('ul.home-rotator-txt li.text_' + currentSlideNumber).fadeIn('fast'); // }, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onLastSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onFirstSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onNextSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onPrevSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // buildPager: null // function(slideIndex, slideHtmlObject) /** * note: public methods require you to assign the slider to a variable: * * var slider = $('#slider1').bxSlider(); * slider.goToSlide(3); */ // goToSlide: function(), // function(slideNumber) // goToNextSlide(): function() // function() no arguments // goToPreviousSlide(): function() // function() no arguments // goToFirstSlide(): function() // function() no arguments // goToLastSlide(): function() // function() no arguments // getCurrentSlide(): function() // function() returns integer // getSlideCount(): function() // function() returns integer // stopShow(): function() // function() stops an auto show // startShow(): function() // function() starts an auto show // stopTicker(): function() // function() stops the ticker // startTicker(): function() // function() starts the ticker // destroyShow(): function() // function() destroys the show // reloadShow(): function() // function() reloads (reinitializes) the show mode: 'horizontal' // 'horizontal', 'vertical', 'fade' }); // JQUERY IMAGE ROTATOR // visit http://bxslider.com/ for more info $('#service-slider').bxSlider({ infiniteLoop: true, // true, false - display first slide after last // hideControlOnEnd: false, // true, false - if true, will hide 'next' control on last slide and 'prev' control on first // controls: true, // true, false - previous and next controls speed: 750, // integer - in ms, duration of time slide transitions will occupy // easing: 'swing', // used with jquery.easing.1.3.js - see http://gsgd.co.uk/sandbox/jquery/easing/ for available options // pager: true, // true / false - display a pager // pagerSelector: null, // jQuery selector - element to contain the pager. ex: '#pager' // pagerType: 'full', // 'full', 'short' - if 'full' pager displays 1,2,3... if 'short' pager displays 1 / 4 // pagerLocation: 'bottom', // 'bottom', 'top' - location of pager // pagerShortSeparator: '/', // string - ex: 'of' pager would display 1 of 4 // pagerActiveClass: 'pager-active', // string - classname attached to the active pager link nextText: '', // string - text displayed for 'next' control nextImage: '/wp-content/themes/webcraft/images/next.png', // string - filepath of image used for 'next' control. ex: 'images/next.jpg' // nextSelector: null, // jQuery selector - element to contain the next control. ex: '#next' prevText: '', // string - text displayed for 'previous' control prevImage: '/wp-content/themes/webcraft/images/prev.png', // string - filepath of image used for 'previous' control. ex: 'images/prev.jpg' // prevSelector: null, // jQuery selector - element to contain the previous control. ex: '#next' // captions: false, // true, false - display image captions (reads the image 'title' tag) // captionsSelector: null, // jQuery selector - element to contain the captions. ex: '#captions' auto: true, // true, false - make slideshow change automatically // autoDirection: 'next', // 'next', 'prev' - direction in which auto show will traverse // autoControls: false, // true, false - show 'start' and 'stop' controls for auto show // autoControlsSelector: null, // jQuery selector - element to contain the auto controls. ex: '#auto-controls' // autoStart: true, // true, false - if false show will wait for 'start' control to activate autoHover: true, // true, false - if true show will pause on mouseover // autoDelay: 0, // integer - in ms, the amount of time before starting the auto show pause: 7500, // integer - in ms, the duration between each slide transition // startText: 'start', // string - text displayed for 'start' control // startImage: '', // string - filepath of image used for 'start' control. ex: 'images/start.jpg' // stopText: 'stop', // string - text displayed for 'stop' control // stopImage: '', // string - filepath of image used for 'stop' control. ex: 'images/stop.jpg' // ticker: false, // true, false - continuous motion ticker mode (think news ticker) // note: autoControls and autoControlsSelector apply to ticker! // tickerSpeed: 5000, // integer - has an inverse effect on speed. therefore, a value of 10000 will // scroll very slowly while a value of 50 will scroll very quickly. // tickerDirection: 'next', // 'next', 'prev' - direction in which ticker show will traverse // tickerHover: false, // true, false - if true ticker will pause on mouseover // wrapperClass: 'bx-wrapper', // string - classname attached to the slider wraper // startingSlide: 0, // integer - show will start on specified slide. note: slides are zero based! displaySlideQty: 3, // integer - number of slides to display at once moveSlideQty: 1, // integer - number of slides to move at once // randomStart: true, // true, false - if true show will start on a random slide /** * note: callback functions are advanced use only! please see the tutorials! **/ // onBeforeSlide: function(){ // $('ul.home-rotator-txt li').fadeOut('fast'); // }, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onAfterSlide: function(currentSlideNumber){ // $('ul.home-rotator-txt li.text_' + currentSlideNumber).fadeIn('fast'); // }, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onLastSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onFirstSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onNextSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // onPrevSlide: function(){}, // function(currentSlideNumber, totalSlideQty, currentSlideHtmlObject) // buildPager: null // function(slideIndex, slideHtmlObject) /** * note: public methods require you to assign the slider to a variable: * * var slider = $('#slider1').bxSlider(); * slider.goToSlide(3); */ // goToSlide: function(), // function(slideNumber) // goToNextSlide(): function() // function() no arguments // goToPreviousSlide(): function() // function() no arguments // goToFirstSlide(): function() // function() no arguments // goToLastSlide(): function() // function() no arguments // getCurrentSlide(): function() // function() returns integer // getSlideCount(): function() // function() returns integer // stopShow(): function() // function() stops an auto show // startShow(): function() // function() starts an auto show // stopTicker(): function() // function() stops the ticker // startTicker(): function() // function() starts the ticker // destroyShow(): function() // function() destroys the show // reloadShow(): function() // function() reloads (reinitializes) the show mode: 'horizontal' // 'horizontal', 'vertical', 'fade' });