圖庫 - 圖片淡入/ jQuery的

Question

你好，我一直想淡入和淡出這個畫廊的圖片：

$('#slides').fadeTo(3000, 0.0); 

https://codepen.io/anon/pen/gwRXdK

的是一個很大的代碼，所以我不想垃圾郵件在這裏只是你可以在筆中看到它

我以爲我有它的工作，但我沒有運氣我很想停止它從右邊移動，只是爲了讓它淡入任何人都可以指向我請正確指示，謝謝

Answer 1

稍微修改這裏 https://codepen.io/poweroftheforce/pen/PGjErq

如果我理解正確，如您要完成什麼，你要對當前幻燈片進行操作

$("#slides li:nth-child("+$actualtarget+")") 

，而不是容器代碼

$('#slides'). 

因此我刪除了

$('#slides').fadeTo(3000, 0.0); 

和改變/添加

$("#slides li:nth-child("+$actualtarget+")").addClass('alive'); 

到

$("#slides li:nth- child("+$actualtarget+")").addClass('alive').css('opacity', '0').animate({ 
    opacity: 1 
    }, 5000, function() { 
    // Animation complete. 
    }); 

，這樣除了設置當前或下一個可用幻燈片類「活着」，設置它的不透明度爲零，其動畫不透明度1（淡入）

希望這有助於:)

Answer 2

選中此codepen link。 刪除：

//$('#slides').fadeTo(3000, 0.0); 
//$('#slides').css('transform','translate3d(-'+$margin+'px,0px,0px)');