Jquery cycle plugin -在alt之后使用多个div

Question

我想让它尽可能简单，我已经尝试了你可以在这段代码下找到的方法，但是，我不能将它与多个afters结合起来。我也有一个弯曲代码的问题，出于某些原因，它只是嵌入到html中，而不是像嵌入脚本一样工作。因为我使用的是像15x这样的滑块，所以我真的不能这样离开它。谢谢你！！

$('#down-1').cycle({
      fx: 'scrollDown',
      next: '#down-1',
      timeout: 0,
      speed: 2000,
      fxFn: null,
      preventClicks: false,
      after: function() {
        $('#caption-1').html(this.alt);
      }
    });
    $('#down-2').cycle({
      fx: 'scrollDown',
      next: '#down-2',
      timeout: 0,
      speed: 2000,
      preventClicks: false,
      after: function() {
        $('#caption-2').html(this.alt);
      }
    });

html示例

 <p1 id="caption-1"></p1>
      <table>
        <tr>
          <td>
            <div id="down-1">
              <img class="lazy" src="img/a.jpg" loading="lazy" alt="I/II"/>
              <img class="lazy" src="img/b.jpg" loading="lazy" alt="II/II"/>
            </div>
          </td>
        </tr>
      </table>

更新:现在我有了这个版本，但是不能让字幕正常工作，第一个alt总是随机的，下面的(在滑动之后)似乎是正确的，当我使用相同的变量时，字幕根本不会加载。

for (var i = 1; i < 12; i++) {

$('#down-'+ i).cycle({
    fx: 'scrollDown',
    next: '#down-'+ i,
    timeout: 0,
    speed: 2000,
    preventClicks: false,
    // before: null,
    after: function(curr,next,opts) {
      for (var j = 1; j < 12; j++) {
      $("#caption-"+ j).html(this.alt).parent();
    }
    }
  });
}

从第一个到下一个，也许是最接近的alt？

可能的方向？$(this.alt).children('img:nth(n)')应该让它以升序工作

Answer 1

var i；

对于(i = 1；i< 12；i++) {

$(‘#.cycle-’+i)向下({

fx: 'scrollDown',

next: '#down-'+ i,

timeout: 0,

speed: 2000,

preventClicks: false,

before: function() {

  $('#caption-'+ i).html(this.alt).parent();

},

after: function() {

  $('#caption-'+ i).html(this.alt).parent();

}

})；

}

您可以为这两个使用变量i，然后它将工作，请尝试这个

Answer 2

  var i;

  for (i = 1; i < 4; i++) {

  $('#down-'+ i).cycle({

      fx: 'scrollDown',

      next: '#down-2',

      timeout: 0,

      speed: 2000,

      preventClicks: false,

      after: function() {

        $('#caption-2').html(this.alt);

      }

    });

}