Text 使用图像循环文本div

我正在尝试将图像幻灯片与它们的文本块同步。我发现Cycle2是一个很棒的jQuery插件，一个简单的代码让我走了很远。然而，有一个问题。每当文本第一次滑动时，转换就非常糟糕。当前块和下一块的字母彼此“变形”一秒钟。在第一个循环之后，一切都正常工作

以下是循环代码：

$("#slideshow").cycle({
timeout:0, // no autoplay
fx: 'scrollHorz',
randomizeEffects: false, 
next: '#next',
prev: '#prev',
});

$("#text").cycle({
timeout:0, // no autoplay
fx: 'scrollHorz',
next: '#next',
prev: '#prev',
});

你可以看到这把小提琴中的一切：（只需点击向左或向右箭头）

---

这是可以修复的吗？还是我需要搜索其他解决方案来制作类似的内容？

在您第一次使用上一个/下一个控件时，插件似乎正在更改文本的宽度。不要将宽度设置为

#text

，而是将宽度设置为

#text

幻灯片中的

divs

。将CSS更改为此，为我修复了它：

#text div{
    width:600px;
}

---

这是提琴：

很抱歉回复太晚，但非常感谢！。这么简单的解决方案，我就是找不到。。。现在真是魅力四射！