自定义光标未在幻灯片显示淡入淡出时加载

Question

我正在使用RoyalSlider插件在this site

上创建幻灯片

我有以下javascript来创建覆盖幻灯片的两个字段，以允许左右键单击导航。问题是在幻灯片之间的淡入淡出过渡期间自定义光标不会保持加载状态。有没有人知道这方面的解决方案？

非常感谢，

<script type="text/javascript">
jQuery(document).ready(function($) {
    $('.royalSlider').each(function() {
        var slider = $(this);
        var sliderInstance = slider.data('royalSlider');

        if(sliderInstance) {
            var slideCounter = $('<div class="rsSlideCount"></div>').appendTo( slider );

            var updCount = function () {
                slideCounter.html( (sliderInstance.currSlideId+1) + ' / ' + sliderInstance.numSlides );
            }
            sliderInstance.ev.on('rsAfterSlideChange', updCount);
            updCount();     
        }

        slider.append('<div class="rs-prev"/>');
        slider.append('<div class="rs-next"/>');
        slider.find('.rs-prev').click(function() {
            slider.royalSlider('prev');
        });
        slider.find('.rs-next').click(function() {
            slider.royalSlider('next');
        });

    });
});
</script>

Answer 1

将其添加到CSS中：

div.rs-prev,
div.rs-next {
    z-index: 10;
}

这对我有用。