革命滑塊停止並開始點擊

Question

我正在使用jQuery革命滑塊到我的網站。我想停止和開始滑塊上點擊。我該怎麼做。

$('.rev-slider-banner-full').revolution({ 
    delay: 7000, 
    startwidth: 960, 
    startheight: 600, 
    onHoverStop: "off", 
    thumbWidth: 100, 
    thumbHeight: 50, 
    thumbAmount: 3, 
    hideThumbs: 0, 
    navigationType: "none", 
    navigationArrows: "solo", 
    navigationStyle: "bullets", 
    navigationHAlign: "center", 
    navigationVAlign: "bottom", 
    navigationHOffset: 30, 
    navigationVOffset: 30, 
    soloArrowLeftHalign: "left", 
    soloArrowLeftValign: "center", 
    soloArrowLeftHOffset: 20, 
    soloArrowLeftVOffset: 0, 
    soloArrowRightHalign: "right", 
    soloArrowRightValign: "center", 
    soloArrowRightHOffset: 20, 
    soloArrowRightVOffset: 0, 
    touchenabled: "on", 
    stopAtSlide: -1, 
    stopAfterLoops: -1, 
    hideCaptionAtLimit: 0, 
    hideAllCaptionAtLilmit: 0, 
    hideSliderAtLimit: 0, 
    fullWidth: "on", 
    fullScreen: "off", 
    fullScreenOffsetContainer: "#topheader-to-offset", 
    shadow: 0 
}); 

Answer 1

This (rather brief) API page解釋了與Revolution Slider使用的功能，如revpause()和revresume()。

因此，如果您想在單擊按鈕時停止滑塊，則需要在頁面上的某處放置按鈕（或鏈接標記）。實施例...

<button id="stopButton">Stop</button> 
<button id="resumeButton">Resume</button> 

然後使用以下的jQuery ...

// When stop button is clicked... 
$('#stopButton').on('click', function(e){ 
    $('.rev-slider-banner-full').revpause(); 
}); 

// When resume button is clicked... 
$('#resumeButton').on('click', function(e){ 
    $('.rev-slider-banner-full').revresume(); 
}); 

.rev-slider-banner-full替換與滑塊元件的類或ID，如果它是不同的。