我正在尝试将我的图片幻灯片与其文本块同步。我发现Cycle 2是一个很棒的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',
});
你可以看到这个小提琴中的所有内容：http://jsfiddle.net/lucb792/85TCZ/1/（只需点击向左或向右箭头）
这是可以解决的问题，还是我需要搜索其他解决方案来制作这样的东西？
答案 0 :(得分：0)
看起来插件在您第一次使用prev / next控件时正在更改文本的宽度。不要将宽度设置为#text，而是将宽度设置为divs幻灯片中的#text。将CSS更改为此修复了它：
#text div{
width:600px;
}