0

EasySlider を使用してスライドショーを作成し、ホバー/アニメーション機能を追加して、Shadowbox を起動できるキャプション オーバーレイを追加しました。

私の問題は、最後のスライドでキャプション シーケンスが null になっているように見えることです。この関数はスライドの遷移中に実行されますが、終了するとキャプションは元の位置に戻ります。これは、シーケンスの最後のスライドでのみ発生します。

キャプション機能または EasySlider を変更してこれを機能させる方法を誰か教えてもらえますか?

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

ありがとう

4

2 に答える 2

2

私はこれが古い投稿であることを知っています、そしてマーリンは多くの人のためにテキスト関数を解決したと確信しています-しかし誰かがキャプションを追加するための解決策を探しているなら（これは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>
于 2012-06-24T15:16:59.693 に答える
0

ザック、あなたのコードでエラーを見つけることはできませんが、個々のリスナーを削除して、すべてのスライドにユニバーサル リスナーを適用すると、問題が解決します

$('#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-29T17:16:35.877 に答える