如何在使用jquery循环插件时隐藏div并使其在一段时间后再次可见？

Question

我有一个淡出的图像显示，并在上面我幻灯片显示另一个div与描述使用jquery循环插件。两者将同时发生，因此该描述与图像相符。

但是我想要说明div在图像出现后从左侧进入，并在图像变化之前像切换效果一样返回。使用

代码是

$(document).ready(function() { 
    $('.slideshow').cycle({ 
     fx: 'fade', 
     timeout: 6000, 
      delay: -2000 
    }); 
$('.slideshowtext').cycle({ 
     fx: 'scrollRight', 
     timeout: 6000, 
      delay: -2000 
    }); 
}); 

Answer 1

$('.slideshowtext').cycle({ 
    fx: 'scrollRight', 
    timeout: 6000, 
    delay: -2000, 
    before: slideOut, 
    after: slideIn 
}); 

function slideIn() { 
    $('.slideshowtext').animate({left: '- [width of the slideshow] px'}, 100); 
} 

function slideOut() { 
    $('.slideshowtext').animate({left: 0}, 100); 
} 

包装 '.slideshowtext'，所以，它的溢出到左将被隐藏。或者，看看s3 slider。