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而不是其子元素控制淡入淡出效果。

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