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.
  });

这样除了将当前或下一个可用幻灯片设置为“alive”类之外，将其不透明度设置为零并将其设置为不透明度为1（fadeIn）

希望这会有所帮助：）

Answer 2

检查codepen link。删除：

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

图库 - 图像淡入淡出/到JQuery

2 个答案: