在使用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。