0

リスト項目を含む ul リストがあります。jquery のスライド イメージ関数で定義されているように、最初のリスト項目が他のリスト項目の上をスライドします。私のマークアップを見る

HTML :

<ul class="ei-slider-thumbs">
    <li class="ei-slider-element"></li>
    <li><a href="#">Vertical Sunbed</a><img src="images/thumbs/sunbedSmall.jpg" alt="Vertical Sunbed Tan Can" /></li>
    <li><a href="#">Koebana Spray Tan</a><img src="images/thumbs/koebanaSmall.jpg" alt="Koebana Spray Tan" /></li>
    <li><a href="#">Ozone Sauna</a><img src="images/thumbs/ozoneSmall.jpg" alt="Ozone Sauna" /></li>
    <li><a href="#">Glycopeels</a><img src="images/thumbs/3.jpg" alt="thumb03" /></li>
    <li><a href="#">Specialized Facials</a><img src="images/thumbs/4.jpg" alt="thumb04" /></li>
    <li><a href="#">Make Up</a><img src="images/thumbs/5.jpg" alt="thumb05" /></li>
    <li><a href="#">Slide 7</a><img src="images/thumbs/7.jpg" alt="thumb07" /></li>
</ul>

class="ei-slider-element" のリスト項目が、他のリスト要素の上をスライドします。基本的に、移動要素のテキストを、移動要素が着地する静的リスト項目のテキストに設定したい...どうすればいいですか? 例動くアニメーションを管理する部分は次の とおりです。

JS :

// thumbs wrapper
this.$sliderthumbs = this.$el.find('ul.ei-slider-thumbs').hide();
// slider elements
this.$sliderElems = this.$sliderthumbs.children('li');
// sliding div
this.$sliderElem = this.$sliderthumbs.children('li.ei-slider-element');
// thumbs
this.$thumbs = this.$sliderElems.not('.ei-slider-element');
// initialize slideshow
this._init(options);​

ありがとう！

4

1 に答える 1

0

次のようなことを試してください: http://lamininbeauty.co.za/js/jquery.eislideshow.jsの 326 行目に、次のような [complete] ハンドラを追加する必要があると思います

// "sliding div" moves to new position
this.$sliderElem.stop().animate({
    left : this.$thumbs.eq( pos ).position().left
}, this.options.speed, this.$sliderElem.html($currentSlide.text() ))

次に、スライダーのアニメーション化が完了すると、currentSlideテキストが取得され、sliderEleminnerHTML として設定されます。私はそれをテストすることはできませんが、あなたは私の意図を理解していますか?

于 2012-09-28T21:54:07.667 に答える