jquery - jQuery在彼此之上加载文本层

Question

我一直在使用 jQuery Tools 的幻灯片，因为我过去有过十几次。但是，在这个当前项目中，幻灯片会一次加载每张幻灯片中的所有文本，并在旋转开始之前显示它。本质上，在旋转前的 1-2 秒内，您会看到层层叠叠的文本……在视觉上非常不吸引人。有谁知道如何防止这种情况？站点参考是www.AmyLayneLitzelman.com，在此先感谢！

Answer 1

查看您的 HTML 页面，您没有在包含幻灯片图像和文本的 DIV 中分配任何 .class。所以，我估计你在 .slide-image 和 .slide-txt-blk 上应用了淡入淡出效果。

您可能希望 .fadeIn()/.fadeOut() 包装 DIV，而不是逐个淡化其子元素。

我正在谈论的DIV的位置：

<!-- slide -->
<div class="this_one">
  <img class="slide-image" />
  <div class="slide-txt-blk" />
</div>

使用 .this_one 而不是其子元素来控制淡入淡出效果。

请提供运行幻灯片的代码。所以我们可以研究更多细节。如果需要，我会尝试查看我的答案。