使用jQuery bgImageTransition创建连续的fadeshow

使用div背景URL创建交叉淡入淡出的图像的幻灯片，真是太麻烦了。我使用背景图像的原因是整个幻灯片需要圆角和插入阴影。问题是，插件似乎在新图像中淡出，然后又淡出原来的图像。我希望每个图像都是新的，而不是A、B、A、D、A、X、A、E等等

我制作了一个JSFiddle:并复制了下面的相关代码：

var currImage = '007.jpg';
setInterval( function(){
    do{
        var randImage = bgImages[Math.ceil(Math.random()*(bgImages.length-1))];
    }while( randImage == currImage )
    currImage = randImage;
    jQuery('#thumbshow').BgImageTransition( 'path/'+currImage );
}, 2000)

这基本上是在#thumbshow上创建#thumbshow2，然后将其删除。我想我只需要随机化#thumbshow的背景图像，而#thumbshow2位于顶部：

var randImage2 = bgImages[Math.ceil(Math.random()*(bgImages.length-1))];
jQuery('#thumbshow').css('background',"url(path/"+randImage2+")");

---

但无论我把它放在哪里，它都会产生一种闪烁的图像效果。我还需要确保秘密替换的背景图像与当前顶部的背景图像不匹配。建议？

我能够使用“循环”插件让它工作，这对于过渡来说是坚如磐石的。看看这里的小提琴，看看这是否能让你更接近你需要的位置。它仍在使用背景图像，但在动态添加到父幻灯片放映元素的单独div上这样做

循环插件在这里

---

太棒了！非常感谢你。