Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /* Home slider */
- if($('.js-topslider').length){
- var tsTime = 5;
- var $tsBar,
- $tsSlick,
- tsIsPause,
- tsTick,
- tsPercentTime;
- $tsSlick = $('.js-topslider');
- $tsSlick.slick({
- dots: true,
- arrows: true,
- infinite: true,
- slidesToShow: 1,
- slidesToScroll: 1,
- autoplay: true,
- autoplaySpeed: tsTime * 1000,
- draggable: true,
- mobileFirst: true,
- pauseOnDotsHover: true,
- appendDots: $(".topslider-dots"),
- nextArrow: $(".topslider-next"),
- prevArrow: $(".topslider-prev"),
- speed: 500
- });
- $tsBar = $(".js-slider-progress");
- $('.js-topslider').on({
- mouseenter: function() {
- tsIsPause = true;
- },
- mouseleave: function() {
- tsIsPause = false;
- }
- });
- function tsStartProgressbar() {
- tsResetProgressbar();
- tsPercentTime = 0;
- tsIsPause = false;
- tsTick = setInterval(tsInterval, 10);
- }
- function tsInterval() {
- if(tsIsPause === false) {
- tsPercentTime += 1 / (tsTime+0.1);
- $tsBar.css({
- width: tsPercentTime+"%"
- });
- if(tsPercentTime >= 100) {
- $tsSlick.slick('slickNext');
- tsStartProgressbar();
- }
- }
- }
- function tsResetProgressbar() {
- $tsBar.css({
- width: 0+'%'
- });
- clearTimeout(tsTick);
- }
- tsStartProgressbar();
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement