Question

好的，我尝试过寻找我需要的东西，但还没找到......

我有这个幻灯片脚本（来自这个网站http://opiefoto.com/articles/slider），我想在主图片发生变化时对其进行淡入/淡出效果...

事情是，我几乎不知道js所以我有点迷失在这里...我知道它不会堆叠图像，它使用单个DIV和单个IMG标签，并且当持续时间达到0时它会改变“src”路径......

所以我一直在尝试这个：

if(this.data[key]['intervalCycle'] ***HERE's where I need to know how to****) $('#picture').fadeOut(1000); $("#picture").fadeIn(1000);

由于它使用相同的div，因此#picture既是图像淡出又是下一个。 'intervalCycle'是我的5秒持续时间，用于更改图像。就像它重置计时器（当它改变图片时）时，它的作用是正确的，所以这里实现的效果是： - 图片改变了，你可以瞥见它; - 开始淡出; - 通过消退回来; - 再停留3秒; - 改变图片，你可以再次看到新的，重复... 我如何“如果”这样的东西，如果它“几乎结束”（如1秒左右），它会淡出？

编辑：

 displayMainImage: function(img){ 
     var newSrc = ($(this).get())[0].src; 
     var args = this.args; 
     var key = args['key']; 
     var id = args['id']; 
     var main = $('#'+key+' .photoslider_main'); 
     var mainImg = $('#'+key+' .photoslider_main img').get(0);                      
     $(mainImg).attr('src',newSrc); }; //----this is where it changes the picture  

     play: function(key){ 
       if(this.data[key]['paused']){ 
         this.data[key]['intervalCycle'] = setInterval(function({      
            PHOTO.Slider.cycleImage(key);
         },PHOTO.Slider.duration); 
       }; 
       this.data[key]['paused'] = false; 
     };

---我的index.html中的autoplay设置为默认值我需要的是像if(this.data[key]['intervalCycle']那样低于1秒)$('#picture').fadeOut(999);然后淡入

jQuery图像在同一个DIV中淡入/淡出，只有一个img标记

0 个答案: