Question

我有一个（皇家）滑块，我需要使用next / prev导航按钮超出滑块div。可以说我的页脚中有导航导航按钮。

<div class="my-prev-button"></div>
<div class="my-next-button"></div>

这是一些文档，但我不知道如何使用它！ http://dimsemenov.com/plugins/royal-slider/documentation/#api

如何让这两个按钮与滑块配合使用（当它在外面时）

<script id="addJS">
jQuery(document).ready(function($) {
  $('#slider-with-blocks').royalSlider({
    arrowsNav: true,
    arrowsNavAutoHide: false,
    fadeinLoadedSlide: false,
    controlNavigationSpacing: 0,
    controlNavigation: 'none',
    imageScaleMod: 'none',
    autoScaleSlider: false,
    imageScalePadding: 0,
    slidesSpacing: 0,
    autoHeight: false, 
    blockLoop: true,
    loop: true,
    numImagesToPreload: 4,
    transitionType: 'fade',
    autoPlay: {
        enabled: true,
        pauseOnHover: false,        
    },
    block: {
        delay: 400
    }
  });
});
</script>

<div class="slider">
    <div id="slider-with-blocks" class="royalSlider rsMinW">
        <div class="rsContent" data-rsDelay="5000">
        some div and img here..
        </div>
    </div>
</div>

Answer 1

根据您的需要设置下一个和上一个div的样式，并在初始化royal-slider后使用下面的代码：

cacheRequest.setRetryPolicy(new DefaultRetryPolicy(DefaultRetryPolicy.DEFAULT_TIMEOUT_MS * 2, 0, DefaultRetryPolicy.DEFAULT_BACKOFF_MULT));
// Add the request to the RequestQueue.
queue.add(cacheRequest);

您可以在此处找到更多API http://dimsemenov.com/plugins/royal-slider/documentation/#api

Answer 2

这里有一个解决方案的例子： http://dimsemenov.com/plugins/royal-slider/slider-in-laptop/

如何使用royalslider的自定义导航按钮

2 个答案: