如何将与幻灯片图像相同的过渡效果应用于标题

Question

我正在对一些图片使用JQuery Cycle，让它们完美地工作，然而，我不喜欢它们附带的标题变化的方式，它们与我的图像淡入淡出形成了反差。

我想对它们的标题应用相同的过渡效果。你知道怎么做吗？

我相信这是一个简单的问题，但对我来说并非如此。我已经包含了这个插件，以及我在js中的设置。这是一把小提琴。http://jsfiddle.net/NQE8b/

此外，有一个问题的图像跳跃加载，所以另一个问题来处理。

Answer 1

为什么不把你的字幕和幻灯片放在同一个div里呢？这就是为什么你会得到不一致的结果。有几种方法可以解决这个问题，但我会使用列表。

所以试试这个：

   <div id="images_caption">
   <ul id="slideshow" class="pics">
   <li><img src=http://www.cressidahaughton.co.uk/blackout%202jan31.jpg alt=""/>
   <br />TITLE 1<br />medium<br />size<br />date</li>
   <li><img src=http://www.cressidahaughton.co.uk/blackout%201jan31.jpg alt=""/>
   <br />TITLE 2<br />medium<br />size<br />date</li>
   <li><img src=http://www.cressidahaughton.co.uk/blackout4jan31.jpg alt=""/>
   <br />TITLE 3<br />medium<br />size<br />date</li>
   </ul>       
   </div>

只需确保您的div和/divs匹配即可。