Question

我现在面临一个问题，我想我需要你的帮助来解决它，我已经在particleliderjs中创建了一个粒子滑块，并且我试图通过slideDelay停止自动幻灯片更改提到here但在我的情况下，它不起作用，它假定默认值为0。请帮帮我谢谢.. :)

<body id="logos">
<div class="controls">
<div class="left" data-src="images/left.png"></div>
<div class="right" data-src="images/right.png"></div>
</div>
<div class="slides">
<div id="first-slide" class="slide" data-src="../canvas/images/290px-Sony_Alpha_logo.svg.png">
</div>
<div id="second-slide" class="slide" data-src="../canvas/images/lgCrssn.png">
</div>
<div id="third-slide" class="slide" data-src="../canvas/images/Patrick-Jane-patrick-jane-23242604-500-281.jpg">
</div>
<div id="fourth-slide" class="slide" data-src="../canvas/images/y-1b2a02600dd0fc5002a8c1ee5d642597.png">
</div>
</div>
 <canvas class="draw"></canvas>
<script>
var init = function () {
    var ps = new ParticleSlider({
        slideDelay: 0,
        mouseForce: 1000,
        monochrome: false,
        showArrowControls: true,
        ptlGap: 5,
        ptlSize: 2,
        arrowPadding: 15,
        sliderId: 'logos',
    });
    (window.addEventListener
            ? window.addEventListener('click', function () {
        ps.init(true)
    }, false)
            : window.onclick = function () {
        ps.init(true)
    });
    window.onresize = () => {
        ps.width = window.innerWidth;
        ps.height = window.innerHeight;
    }
}

var initParticleSlider = function () {

    var psScript = document.createElement('script');
    (psScript.addEventListener
            ? psScript.addEventListener('load', init, false)
            : psScript.onload = init);
    psScript.src = 'js/particleSlider.js';
    psScript.setAttribute('type', 'text/javascript');
    document.body.appendChild(psScript);
}
(window.addEventListener
        ? window.addEventListener('load', initParticleSlider, false)
        : window.onload = initParticleSlider);

</script>
</body>

Answer 1

创建粒子滑块对象后，您必须设置slideDelay。

var ps = new ParticleSlider({
    mouseForce: 1000,
    monochrome: false,
    showArrowControls: true,
    ptlGap: 5,
    ptlSize: 2,
    arrowPadding: 15,
    sliderId: 'logos',
});

ps.slideDelay = 0; //<-- set it here

_{旁注： slideDelay的默认值为10}

slideDelay在particleliderjs

1 个答案: