jquery - 如何制作自定义灯箱以自动播放动画

Question

我想让这个定制的灯箱自动播放一些简单的动画。是否可以使用简单的 jquery 代码自动播放滑块，或者我需要添加一些外部插件。请指导我。

标签： jquerybootstrap-4css-animationslightboximage-gallery

Answer 1

只需将其添加到自动播放的代码中即可：

var time = 1000;

setInterval(function(){
  var columns = $('#myModal .column');
  var cur = $('img.active').closest('.column');
  var ind = columns.index(cur);
  ind = (ind + 1) % columns.length;
  columns.eq(ind).find('img').click();
}, time);

注意： HTML 结构或 CSS 类的更改可能会影响其功能。