RoyalSlider活動 - 如何？

如何用jQuery使用RoyalSlider事件隱藏div？基本上，當滑塊移動到下一張幻燈片時，我想隱藏頁面上的另一個div。RoyalSlider活動 - 如何？

我不知道如何使用此頁面上的具體事件：http://dimsemenov.com/plugins/royal-slider/documentation/#api

目前我的滑塊選擇這個樣子 - 但什麼也沒有發生：

<script id="addJS"> 
jQuery(document).ready(function($) { 
    $('#slider-with-blocks-1').royalSlider({ 
    arrowsNav: true, 
    autoPlay:{ 
     enabled:true, 
     delay: 6000 
    }, 
    arrowsNavAutoHide: true, 
    fadeinLoadedSlide: false, 
    controlNavigationSpacing: 0, 
    controlNavigation: 'none', 
    imageScaleMode: 'fill', 
    imageAlignCenter:false, 
    blockLoop: true, 
    loop: true, 
    numImagesToPreload: 6, 
    transitionType: 'fade', 
    keyboardNavEnabled: true, 
    block: { 
     delay: 400 
    } 
    }); 

    slider.ev.on('rsAfterSlideChange', function(event) { 

    $(".hidden1").fadeOut('slow'); 

    }); 
}); 
</script>

我想淡出當滑塊移動到下一幀時，div被稱爲'hidden1'。

任何人都可以幫忙嗎？

來源

2014-01-29 Karlgoldstraw

看起來你錯過了'變種滑塊= $（「royalSlider。」）的數據（ 'royalSlider'）;'行的文件中，除非你定義了'別處slider'。並沒有包含在這個片段中。 –

Crikey，工作。謝謝傑森。 – Karlgoldstraw

你就近！只是缺少了以下內容：

var mySliderInstance = $('#slider-with-blocks-1').royalSlider({ 
    arrowsNav: true, 
    autoPlay:{ 
     enabled:true, 
     delay: 6000 
    }, 
    arrowsNavAutoHide: true, 
    fadeinLoadedSlide: false, 
    controlNavigationSpacing: 0, 
    controlNavigation: 'none', 
    imageScaleMode: 'fill', 
    imageAlignCenter:false, 
    blockLoop: true, 
    loop: true, 
    numImagesToPreload: 6, 
    transitionType: 'fade', 
    keyboardNavEnabled: true, 
    block: { 
     delay: 400 
    } 
    }).data("royalSlider"); // assign the RS to a variable 

    mySliderInstance.ev.on('rsAfterSlideChange', function(event) { 

    $(".hidden1").fadeOut('slow'); 

    });

來源

2014-07-04 02:04:16 nologo

RoyalSlider活動 - 如何？

回答

相關問題