帶有字幕的Jquery EasySlider - 最後一張幻燈片不是動畫

我已經使用EasySlider創建了幻燈片，並且我添加了懸停/動畫功能來添加可以啓動Shadowbox的字幕疊加。帶有字幕的Jquery EasySlider - 最後一張幻燈片不是動畫

我的問題是，最後一張幻燈片似乎使我的標題序列爲空。該功能將在幻燈片處於轉換狀態時運行，但當它完成時，標題將返回到其原始位置。這隻發生在序列的最後一張幻燈片上。

任何人都可以告訴我我可能會改變我的標題功能或EasySlider讓它起作用嗎？

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

感謝

2011-06-29 Zach Inscho

扎克，老實說，我無法找到一個錯誤與您的代碼，但如果你脫下個別的收聽並應用通用監聽所有幻燈片，它解決您的問題

$('#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}); 
});

來源

2011-06-29 17:16:35 Marlin

完美，非常感謝。你解決了我的問題，並從我的代碼中敲了大約40行，不能要求更好的響應哈哈 –

我知道這是一個老帖子，我確定Marlin解決了許多文本功能 - 但是如果有人正在尋找添加字幕的解決方案（不涉及更改js），我已經在css中添加了一個類（easyslid呃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>

來源

2012-06-24 15:16:59

帶有字幕的Jquery EasySlider - 最後一張幻燈片不是動畫

回答

相關問題