Question

这个插件在我工作的这个项目上似乎没有起作用，每当我加载页面来查看滑块时，过渡都没有工作，我已经查看了参考文件的路径到javascript文件和css文件，它们是正确的。

我会发布下面的代码，如果有人能提供帮助那就太棒了！

Jquery的：

std::map<K,V>

文件参考：

$(window).load(function () {
    $('#slider').nivoSlider({
        effect: 'boxRain', // Specify sets like: 'fold,fade,sliceDown'
        slices: 15, // For slice animations
        boxCols: 8, // For box animations
        boxRows: 4, // For box animations
        animSpeed: 500, // Slide transition speed
        pauseTime: 3000, // How long each slide will show
        startSlide: 0, // Set starting Slide (0 index)
        directionNav: false, // Next & Prev navigation
        controlNav: false, // 1,2,3... navigation
        controlNavThumbs: false, // Use thumbnails for Control Nav
        pauseOnHover: true, // Stop animation while hovering
        manualAdvance: false, // Force manual transitions
        prevText: 'Prev', // Prev directionNav text
        nextText: 'Next', // Next directionNav text
        randomStart: false, // Start on a random slide
        beforeChange: function () { }, // Triggers before a slide transition
        afterChange: function () { }, // Triggers after a slide transition
        slideshowEnd: function () { }, // Triggers after all slides have been shown
        lastSlide: function () { }, // Triggers when last slide is shown
        afterLoad: function () { } // Triggers when slider has loaded
    });
});

我的滑块代码示例：

<script src="assets/Nivo-Slider-master/jquery.nivo.slider.pack.js" type="text/javascript"></script>
<script src="assets/Nivo-Slider-master/nivoslider.jquery.json"></script>

<link rel="stylesheet" href="/assets/Nivo-Slider-master/nivo-slider.css" type="text/css" media="screen" />

控制代码如下：

    <div id="slider" class="nivoSlider" >
       <uc1:ImageCarouselll runat="server" ID="ctrl_Images" />
    </div>

    <div id="blueimp-gallery" class="blueimp-gallery blueimp-gallery-controls" style="display: none;">
         <div class="slides" style="width: 138240px;"></div>
         <h3 class="title">Image from Unsplash</h3>
         <a class="prev">‹</a>
         <a class="next">›</a>
         <a class="close">×</a>
         <a class="play-pause"></a>
         <ol class="indicator"></ol>
     </div>
</asp:Content>

非常感谢任何帮助！谢谢！

Nivo-Slider插件无法正常工作

0 个答案: