图库 - 图片 FadeIn/To JQuery答案

【问题标题】：Gallery - Images FadeIn/To JQuery图库 - 图片 FadeIn/To JQuery
【发布时间】：2016-09-28 12:41:33
【问题描述】：

您好，我一直在尝试淡入淡出此图库：

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

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

代码很多，所以我不想在这里发送垃圾邮件，您可以在笔中看到它

我以为我有它的工作，但我没有运气，我很想阻止它从右边移动，只是让它淡入，谁能指出我正确的方向，提前谢谢你

【问题讨论】：

标签： jquery css image-gallery

【解决方案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 (fadeIn)

希望这会有所帮助:)

【讨论】：

【解决方案2】：

检查此codepen link。已移除：

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

【讨论】：