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

Question

我正在使用我的网站的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>

JS：

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

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