jQuery - 修改效果左滑

Question

我一直在嘗試修改我有的jQuery循環腳本。目前效果設置爲「淡入淡出」，我試圖修改它以向左滑動。

不僅可以使用一些幫助...不僅可以使用代碼，還可以解釋如何爲我未來的知識獲得這些幫助。

謝謝。

<script> 
$(function() { 
    $('.slideshow').before('<div id="mininav" class="mininav"></div>') 
     .cycle({ 
      fx:'fade', 
      speed: 'slow', 
      timeout: 3000, 
      pause: 1, 
      pager: '#mininav', 
      slideEXpr: 'div.slide', 
      before: function() {if (window.console){ console.log(this.src); }} 
     }) 

     .hover(function() { 
      $('#mininav-pause').show();}, 
      function(){$('#mininav-pause').hide(); 
     }); 
    }); 

Answer 1

要獲得slideLeft效果，你必須使用scollHorx來設置FX屬性。通過循環插件documenation瞭解它提供的各種效果。

$(function() { 
    $('.slideshow').before('<div id="mininav" class="mininav"></div>') 
     .cycle({ 
      fx:'scrollHorz', 
      speed: 'slow', 
      timeout: 3000, 
      pause: 1, 
      pager: '#mininav', 
      slideEXpr: 'div.slide', 
      before: function() {if (window.console){ console.log(this.src); }} 
     }) 

     .hover(function() { 
      $('#mininav-pause').show();}, 
      function(){$('#mininav-pause').hide(); 
     }); 
    });