Question

我正在使用此jQyery代码来滑动包含街道摄像机流的div。

const router = new Router({
        "/intro": () => {
          store.showIntro()
        }

它运作得很好。我遇到的问题是，当它滑到下一个街道摄像机时，需要一个fue secends加载流。

我试图找出一个可以淡入下一个相机会如何延迟fadeOut 5秒，以便下一个相机可以在前一个相机fadeOut之前“预加载”

我有什么想法可以解决这个问题吗？

PS：抱歉英文不好

Answer 1

好的，所以我解决了我遇到的问题。现在我遇到了一个新问题，当我从一个视频转换到下一个视频时，我发现了一个闪烁的问题

她是我的代码，可能不是最优雅的代码，但它起作用

$("#slideshow > span:gt(0)").hide();

setInterval(function() {
  $('#slideshow > span:first')
    .delay().css({'display':'inline'})    
    .delay().css({'opacity':'1',}).animate({'opacity': 0}, 3000)
    .next()  
    .delay().css({'opacity':'0',}).animate({'opacity': 1}, 3000)
    .delay().css({'display':'inline'})        
    .end()
    .appendTo('#slideshow');
}, 10000);

setInterval(function() {
  $('span:nth-child(2)')
    .delay().css({'display':'inline','opacity':'0',})       
    .end()
}, 10000);

setInterval(function() {
  $('span:nth-last-child(2)')
    .delay().css({'display':'none','opacity':'0',})       
    .end()
}, 10000);

关于如何在从一个视频到下一个视频的交易中消除闪烁的任何想法？

div滑动使用jQuery

1 个答案: