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

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和/ div匹配。