0

スライドショーとdiv機能の表示/非表示を組み合わせることができますか？

私のhtml構造は以下のとおりです。基本的に、ユーザーがクリックした場合に対応するクラスでdivを開くためのタブ>リンクを取得しようとしています。ユーザーがそれをクリックしない場合でも、各画像を循環する必要があります。したがって、画像が回転している場合は、クリックする<a class="t2">と開きます。問題は、div / tabがいくつあるかは不明ですが、常にt{n}という名前が付けられます。

<div id="tab-content">
   <div class="t1">content</div>
   <div class="t2">lorem ipsum</div>
   <div class="t3">knock knock</div>
</div>

<div id="nav">
   <div id="tabs">
      <ul>
         <li class="t1"><a class="t1" href="#">tab 1</a></li>
         <li class="t2"><a class="t2" href="#">tab 2</a></li>
         <li class="t3"><a class="t3" href="#">tab 3</a></li>
      </ul>
   </div>
</div>
4

1 に答える 1

0

[更新] リンクをクリックしたときのdivの開きにのみ問題があると思いました。

リンクからの手動オーバーライドを可能にする完全なスライドショーについては、jqueryのサイクルプラグイン、特にこのデモ「updateActivePagerLink」デモをご覧ください。

【元の回答】

以下は、 div内のすべてのa要素に必要な機能を追加します。機能は、クリックされた要素と同じクラスの要素（内部）を表示することです。#tabs#tab-contenta

$('#tabs a').click( function() {
   $('#tabcontent .' + $(this).attr('class') ).show();
} );
于 2010-03-11T17:37:50.947 に答える