Fade Slideshow问题
Fade Slideshow问题
提问于 2012-04-17 07:00:51
我已经创建了一个幻灯片，使用具有淡入淡出效果的jquery，幻灯片的问题是如果我添加图像，它可以正确显示，但如果我添加文本而不是图像，文本从下到上弹出，我希望它固定在顶部。实际上这个问题很可能是因为，我正在做的是，我正在启用第一个li和禁用rest的六个li，现在我正在给第一个li淡出效果和下一个li淡入效果，现在当第一个li淡出和下一个li淡入时，此时，文本反弹，但我不明白为什么这不发生在图像上，这是我的完整代码。
你可以通过download full project查看
当前div包含图像，如果您将其替换为h1元素，则可以看到错误的输出
回答 1
Stack Overflow用户
回答已采纳
发布于 2012-04-17 07:34:59
因此，使用jquery.cycle设置淡入淡出效果就像下面这样简单。您的HTML应该如下所示：
<div id="slideshow">
<div class="slide">
<p>Some text</p>
<img ... />
</div>
<div class="slide">
<p>Some text</p>
<img ... />
</div>
<!-- more slides ... -->
</div>那么你的javascript是：
$('#slideshow').cycle({
fx:'fade',
slideExpr: '.slide'
});淡入淡出效果(fx)是循环插件中的标准效果。slideExpr定义了一个jquery选择器来选择幻灯片的主(本例中为#slideshow)包装器中的幻灯片元素。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/10182900
复制相关文章
相似问题
腾讯云开发者
