Javascript 在fadeIn完整回调中使用listItems.eq（i）.fadeOut（transition\u speed）；函数（）{…，查看我的答案。索引（i）代码必须移动一点。请参阅我更新的答案以了解工作示例。 $(function () { /*

---

在

fadeIn

完整回调中使用

listItems.eq（i）.fadeOut（transition\u speed）；

函数（）{…，查看我的答案。索引（

i

）代码必须移动一点。请参阅我更新的答案以了解工作示例。

$(function () {

    /* SET PARAMETERS */
    var change_img_time     = 9000; 
    var transition_speed    = 1000;

    var simple_slideshow    = $("#graphic_1"),
        listItems           = simple_slideshow.children('.banner'),
        listLen             = listItems.length,
        i                   = 0,

        changeList = function () {

            listItems.eq(i).fadeOut(transition_speed, function () {
                i += 1;
                if (i === listLen) {
                    i = 0;
                }
                listItems.eq(i).fadeIn(transition_speed);



            });

        };

    listItems.not(':first').hide();
    setInterval(changeList, change_img_time);


});

$rotban1 = $db1->query("SELECT background_image, background_image_alt, foreground_image, foreground_image_alt, text FROM banner") or die ('Unable to execute query. '. mysqli_error($db1con));
$slidecount == 0;
    if ($rotban1->num_rows > 0) {
while ($slide = $rotban1->fetch_assoc()) {

echo '<div class="banner">';
echo '<img class="background_image" alt="'. $slide['background_image_alt'] .'" src="'. $slide['background_image'] .'">';
    echo '<img class="foreground_image" alt="'. $slide['foreground_image_alt'] .'" src="'. $slide['foreground_image'] .'">';
    if (!empty( $slide['text'])) { echo '<h1>'. $text .'</h1>'; }
echo '</div>';
}
    }

changeList = function () {

  listItems.eq(i).animate(
    { opacity:0 }, 
    {
      queue: false,
      duration: 3000
  });

  i += 1;
  if (i === listLen) {
    i = 0;
  }

  listItems.eq(i).animate(
    { opacity:1 }, 
    {
      queue: false,
      duration: 3000
  });

};

changeList = function () {
    listItems.eq(i).fadeOut(transition_speed);
    i += 1;
    if (i === listLen) {
        i = 0;
    }
    listItems.eq(i).fadeIn(transition_speed);
};