图库 - 图片 FadeIn/To 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.
  });

以便除了将当前或下一张可用幻灯片设置为 class "alive" 之外，将其不透明度设置为零并将其设置为不透明度 1（淡入）

希望这对您有所帮助:)

Answer 2

检查此 codepen link。已删除：

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

图库 - 图片 FadeIn/To JQuery

Gallery - Images FadeIn/To JQuery

css

jquery

image-gallery