jquery - 带有字幕的 Jquery EasySlider - 最后一张幻灯片没有动画

Question

我使用 EasySlider 创建了幻灯片，并添加了悬停/动画功能以添加能够启动 Shadowbox 的标题覆盖。

我的问题是最后一张幻灯片似乎使我的标题序列为空。该函数将在幻灯片过渡时运行，但当它完成时，标题将返回其原始位置。这只发生在序列的最后一张幻灯片上。

谁能告诉我如何更改我的字幕功能或 EasySlider 以使其正常工作？

http://zachinscho.com/save/kreber_test/V2/

谢谢

Answer 1

我知道这是一篇旧帖子，我确信 Marlin 解决了很多人的文本功能 - 但如果有人正在寻找添加标题的解决方案（不涉及更改 js），我已经添加了一个类css（easyslider screen.css 文件）和一个悬停类来定义文本的行为：

CSS：

.stext {
display: none; 
position: absolute; 
margin-top: -29px; 
width: 660px; 
left:0px; 
padding: 7px 0px;
}
#slider li:hover .stext {
display: block; 
background: #000000; 
opacity: 0.5; 
filter: alpha(opacity=50); 
padding-left: 10px; 
padding-right: 10px; 
font-family: Trebuchet MS, Arial, sans-serif; 
font-size: 12px; 
color: #eeeeee; 
text-decoration: none;
}       

和 html（我刚刚以第一张幻灯片为例：

<div id="slider">
    <ul>                
        <li><img src="images/slide-01.jpg" alt="image description" />
         <a href="#"><span class="stext">caption text to show on hover</span></a></li>

Answer 2

扎克，老实说，我找不到您的代码错误，但是如果您取消单个侦听器并为所有幻灯片应用通用侦听器，它可以解决您的问题

$('#easysliderMain li').hover(function(){
     $(".cover", this).stop().animate({top:'250px'},{queue:false,duration:160});
}, function() {
     $(".cover", this).stop().animate({top:'280px'},{queue:false,duration:160});
});