Jquery 슬라이딩 요소 텍스트를 동적으로 가져오고 설정합니다.

목록 항목이있는 ul 목록이 있습니다. 이제 첫 번째 목록 항목은 jquery 슬라이딩 이미지 함수에 정의 된대로 다른 목록 항목 위로 이동합니다.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>

이제 클래스 = "에이 슬라이더 요소"다른 목록의 요소를 슬라이드와 목록 항목. 기본적으로 움직이는 요소의 텍스트를 정적 요소 항목의 텍스트로 설정하고 싶습니다. 움직이는 요소가있는 곳의 텍스트 ... 어떻게하면됩니까?

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);

당신을 감사합니다 EXAMPLE 다음은 움직이는 애니메이션에 적용되는 부분입니다!

출처

2012-07-26 Dexter Schneider

대단히 고맙습니다.하지만 내 질문을 이해하면 확실하지 않습니다. 슬라이더 기능은 잘 작동하지만, 필자가 필요로하는 것은 활성 슬라이더의 텍스트를 슬라이딩하는 요소 내부의 텍스트로 변경하는 것입니다 (슬라이더 TExt는 먼저 '수직 Sunbed', 'Koebana Spray Tan'등이됩니다 ...) 당신이 Jquery를 꽤 잘 알고있는 것처럼 당신이 그 일을하는 데 문제가 있다고 생각하지 않습니까? –

당신이 프로가 될 필요는 없다고 생각합니다. 내가 설명했던 문제는 당신이하기가 어렵지 않을 것입니다 ... –

는 다음과 같이하십시오 : 라인을 http://lamininbeauty.co.za/js/jquery.eislideshow.js의 326 나는 당신이 당신의 슬라이더 것은이 완료되면 그것은 currentSlide 텍스트를 잡고 애니메이션 그런 다음이

// "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()))

과 같이 보이는 [완료] 처리기를 추가해야한다고 생각 그것을 sliderElem innerHTML로 설정합니다. 나는 그것을 시험 할 수는 없지만 내 의도를 얻습니까?

출처

2012-09-28 21:54:07 davehale23

Jquery 슬라이딩 요소 텍스트를 동적으로 가져오고 설정합니다.

답변

관련 문제