title: How to change effects in Cycle 2?
body: <p>I'm using cycle2 plugin for my website to change images in background. I need to change effect from tileBlind to scrollVert by clicking on button. This is what i created, but it's not working at all. </p>
  
  <pre><code>&lt;div class="cycle-slideshow"
          data-cycle-timeout=5000
          data-cycle-fx="tileBlind" //here i need change it to data-cycle-fx="scrollVert"
          id = "sli"&gt;
          &lt;img src="img/bg1.jpg" alt="background1"&gt;
          &lt;img src="img/bg2.jpg" alt="background2"&gt;
          &lt;img src="img/bg3.jpg" alt="background3"&gt;
  &lt;/div&gt;
  &lt;button type="button" onclick="fun1()" id="button1"&gt;click&lt;/button&gt;
  </code></pre>
  
  <p>js:</p>
  
  <pre><code>function fun1(){
      var slide = document.getElementById('sli');
      var slide_data = slide.getAttribute('data-cycle-fx');
      slide.setAttribute("data-cycle-fx","scrollVert");
  }
  </code></pre>
  
  <p>I'm relatively new in programming, so i don't know how to fix it.</p>