Jquery를 사용하여 여러 슬라이드 쇼 쌓기

Question

JQuery newbie here! 각 슬라이드마다 하나 이상의 슬라이드 쇼가 쌓이는 데 어려움을 겪고 있습니다. 하나의 슬라이드 쇼는 정상적으로 작동합니다.

그러나 다른 슬라이드 쇼를 추가하면 해당 컨트롤과 제목이 손실됩니다. 링크 : http://dl.dropbox.com/u/1466448/numbered/stack.html

각 슬라이드 쇼마다 고유 한 ID를 사용하는 것과 관련하여 다른 관련 게시물을 읽었지 만 그 접근법을 이해하기 위해서는 jquery에서의 경험이 매우 제한되어 있습니다. 어떤 도움이라도 대단히 감사하겠습니다.

감사합니다. -Thai

Answer 1

HTML에는 div 세트가 두 세트입니까? 둘 다 id="slideshow"이고 형제는 id="title"입니다.

div의 두 번째 세트를 가져 와서 slideshow2 및 title2로 다시 가져가보십시오. 그것은 다음과 같아야합니다

<div align="center"> 
<div id="demo"> 
    <div align="left" id="slideshow2" class="pics"> 
     <img src="images/nature/snow.jpg" alt="Snowy fied"/> 
     <img src="images/nature/city.jpg" alt="Furtistic City"/> 
     <img src="images/nature/sea.jpg" alt="By the sea"/> 
    </div> 
    <div align="left" id="title2"></div> 
</div> 
</div> 

그런 다음 거기에 대한 참조를 변경, 그들을 위해 당신의 자바 스크립트를 복사하여 붙여 넣습니다. 두 번째 사본은 다음과 같아야합니다.

$(function() {    
    $('#slideshow2').after('<div id="nav2" class="nav">').cycle({   
    fx:  'fade',   
    speed: 'slow', 
    timeout: 0*1000, 
    pager: '#nav2', 
    before: onBefore });    
    function onBefore() {  $('#title2').html(this.alt); }});