как изменить атрибуты объекта, используя JQuery или JavaScript,

Question

Я использую BxSlider для создания карусели и у меня есть ползунок работает, но я хотел бы добавить функциональность, где мне нужно, чтобы изменить значение объекта к ложному

$(document).ready(function() { 
    var slider = $('.bxslider').bxSlider({ 
     speed: 10000, 
     slideWidth: 170, 
     slideMargin: 5, 
     minSlides: 4, 
     maxSlides: 10, 
     ticker: true, 
     nextSelector: '#slider-next', 
     prevSelector: '#slider-prev', 
     nextText: '<img src="images/next.png">', 
     prevText: '<img src="images/prev.png">' 
    }); 

Я хочу изменить значение тикера на false при наведении. Я не знаю, как

$('.className').hover(function() { ///How should I change the value here }); 

Я посмотрел на ATTR() в JQuery, но он не работает

$('.className').hover(function() { 
    slider.attr('ticker', false); 
}); 

, но я предполагаю, что это только цели, что находится за пределами BxSlider();

Answer 1

Чтобы приостановить информер на парении, просто установите для параметра tickerHover значение true.

var slider = $('.bxslider').bxSlider({ 
     speed:10000,    
     slideWidth: 170, 
     slideMargin:5, 
     minSlides:4, 
     maxSlides:10,   
     ticker:true, 
     nextSelector: '#slider-next', 
     prevSelector: '#slider-prev', 
     nextText: '<img src="images/next.png">', 
     prevText: '<img src="images/prev.png">', 
     tickerHover : true // <------------------------- here 
}); 

Answer 2

Вы можете сделать это, чтобы изменить Ticker mode:

// Cache the slider element 
var $slider = $('.bxslider'); 

// Initialize the slider 
$slider.bxSlider({ 
    speed: 10000, 
    slideWidth: 170, 
    slideMargin: 5, 
    minSlides: 4, 
    maxSlides: 10, 
    ticker: true, 
    nextSelector: '#slider-next', 
    prevSelector: '#slider-prev', 
    nextText: '<img src="images/next.png">', 
    prevText: '<img src="images/prev.png">' 
}); 

// On hover change the slider ticker option to false 
$('.className').hover(function() { 
    $slider.bxSlider({ ticker: false }); 
}); 

UPDATE

// Initialize the slider 
$slider.bxSlider({ 
    speed: 10000, 
    slideWidth: 170, 
    slideMargin: 5, 
    minSlides: 4, 
    maxSlides: 10, 
    ticker: true, 
    nextSelector: '#slider-next', 
    prevSelector: '#slider-prev', 
    nextText: '<img src="images/next.png">', 
    prevText: '<img src="images/prev.png">', 
    tickerHover: true // true, false - if true ticker will pause on mouseover 
}); 

Answer 3

Это будет работать для вас:

$('.className').hover(function() { 
     $slider.bxSlider({ ticker: false }); 
});