Javascript 如何在周期2中改变效果？

我正在为我的网站使用cycle2插件来更改背景中的图像。我需要通过单击按钮将效果从tileBlind更改为scrollVert。这是我创造的，但根本不起作用

<div class="cycle-slideshow"
        data-cycle-timeout=5000
        data-cycle-fx="tileBlind" //here i need change it to data-cycle-fx="scrollVert"
        id = "sli">
        <img src="img/bg1.jpg" alt="background1">
        <img src="img/bg2.jpg" alt="background2">
        <img src="img/bg3.jpg" alt="background3">
</div>
<button type="button" onclick="fun1()" id="button1">click</button>

---

我在编程方面相对较新，所以我不知道如何修复它。

在插件初始化后设置属性将不起作用。设置属性并尝试

$（选择器）。循环（“销毁”）

。非常感谢，这真的很有帮助。不是使用

$（选择器）。循环（“销毁”）

，而是使用

$（选择器）。循环（“停止”）

，然后使用setAttribute循环（“重新输入”）。谢谢，你太棒了！

function fun1(){
    var slide = document.getElementById('sli');
    var slide_data = slide.getAttribute('data-cycle-fx');
    slide.setAttribute("data-cycle-fx","scrollVert");
}