0

JQuery初心者はこちら！それぞれが個別のコントロールを持つ複数のスライドショーをスタックするのに苦労しています。1 つのスライドショーは問題なく動作します。

ただし、別のスライドショーを追加すると、そのスライドショーのコントロールとタイトルが失われます。リンク: http://dl.dropbox.com/u/1466448/numbered/stack.html

各スライドショーに一意の ID を使用することに関する他の関連記事を読みましたが、そのアプローチを理解するための jquery の経験は非常に限られています。どんな助けでも大歓迎です。

ありがとう！-タイ語

4

1 に答える 1

0

あなたの HTML には、2 セットの div がありますよね? 両方ともid="slideshow"と の兄弟がいid="title"ます。

div の 2 番目のセットを取得して、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>

次に、JavaScript をコピーして貼り付け、参照を変更します。2 番目のコピーは次のようになります。

$(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);    }});
于 2010-05-31T20:40:19.353 に答える