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 行我认为你应该添加一个看起来像这样的 [完整] 处理程序

// "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 回答