Webkit中的递归图像滑块失败

Recursive Image Slider Fails in Webkit

本文关键字：失败 图像 递归 Webkit      更新时间：2023-09-26

我写了一个简短的小脚本来运行图像列表，将它们淡入淡出，然后重复。问题是，在Safari和Chrome中，它并没有回到最初。最奇怪的是，当我在图像之间打印到控制台时，它会定期发生。这就像是在试图显示图像，但它们没有出现。这是我的代码：

function fadingSlider(currentListItem, startListItem, fadeInDuration, displayDuration, fadeOutDuration) {
  if(!currentListItem) {
    startListItem.fadeIn(fadeInDuration).delay(displayDuration).fadeOut(fadeOutDuration, function() {fadingSlider(startListItem, startListItem, fadeInDuration, displayDuration, fadeOutDuration);}); //#webmaster fade in, fade out, then recurse with start
  }
  else {
    currentListItem = currentListItem.next("li");
    if ((currentListItem.get(0)) === (currentListItem.parent().last("li").get(0))) {
      startListItem.fadeIn(fadeInDuration).delay(displayDuration).fadeOut(fadeOutDuration, function() {fadingSlider(startListItem, startListItem, fadeInDuration, displayDuration, fadeOutDuration);});
    }
    currentListItem.fadeIn(fadeInDuration).delay(displayDuration).fadeOut(fadeOutDuration, function() {fadingSlider(currentListItem, startListItem, fadeInDuration, displayDuration, fadeOutDuration);});
  }
}
jQuery(window).load(function() {
  fadingSlider(null, jQuery("ul.sponsorSlider > li:first-child"), 300, 5000, 300);
});

所有的"li"都隐藏在CSS中。这个页面的底部有一个例子。

您的object标记似乎正在抛出webkit进行循环。就好像它们被藏起来以后再也不会出现一样。我会一直检查是否能解决这个问题，但现在，我建议用图像替换那些对象标签，<img src="yadayada.jpeg"/>

这说明了我的意思——一个里面有一个对象标签，一个是图像标签，其余的是文本。那些有文字或图像的人会继续淡入淡出，但对象有问题。

编辑：

我在控制台上写下了原始currentListItem，第二次得到：[][​…​ ​][​嗨2​ ​][​嗨3​ ​]

第一个是含有object的li，它似乎神秘地蒸发了。我猜这是一个webkit错误；但不管是什么，我认为你应该使用图像。

相关文章：