將幻燈片更改爲幻燈片

如何更改淡入幻燈片向左/向右滑動？將幻燈片更改爲幻燈片

changeList = function() { 

      listItems.eq(i).fadeOut(transition_speed, function() { 
       i += 1; 
       if (i === listLen) { 
        i = 0; 
       } 
       listItems.eq(i).fadeIn(transition_speed); 
      }); 

     };

我找到了一個代碼;但是，不知道如何實現，因爲第一部分（淡出）具有附加的功能。

.show("slide", {direction: "left" }, 2000);

然後

.hide("slide", {direction: "left" }, 2000);

是最好的方式實現這一目標，還是有更好的辦法？

------編輯------

 changeList = function() { 

      listItems.eq(i).hide({ 
    easing : "slide", 
    direction: "left", 
    duration : 2000, 
    complete: function(){ 
     i += 1; 
       if (i === listLen) { 
        i = 0; 
       } 
       listItems.eq(i).show({ 
    easing : "slide", 
    direction: "left", 
    duration : 2000 }); 
    } 
      }); 
};

此編輯沒有工作。我可能實施它錯了

來源

2016-02-18 KDJ

使用這種切換效果

$("#left_panel").toggle("slide", { direction: "left" }, 1000);

我已編輯。

$('a.view-list-item').click(function() { 
    var divname= this.name; 
    $("#"+divname).show("slide", { direction: "left" }, 1000); 
    $("#"+divname).parent().siblings(":visible").hide("slide", { direction: "left" }, 1000); 
});

來源

2016-02-18 16:51:14

你能告訴我這是怎麼看代碼內部？我的問題是不知道如何在現有的代碼中實現這段代碼.... – KDJ

你確切的要求是什麼兄弟？ –

這個條件是爲了什麼目的？i + = 1;如果（i === listLen）{ i = 0; } –

你可以做到沒有jQuery UI。

使用

財產：

0 - 隱藏
200像素 - 有大小200像素，顯示
'切換' - 切換

參考：jQuery API Animate

來源

2016-02-18 16:46:02

我會如何將其插入我的代碼？我從來沒有這樣做過 – KDJ

listItems.eq（i）.animate（{width：property}，2000）; –

將幻燈片更改爲幻燈片

回答

相關問題