0

jquery バナーを修正する必要があります。バナーにエコースライダーを使用しました。バナー画像を別の画像に変更する場合、スライダーの境界内にない div のコンテンツを変更する必要があります。Div は個別の div (スライダーとの接続なし) です。

コードで試してみました。スライダーのナビゲーションに基づいてif文を入れただけです。

私のコードは最初のバナー画像のみに影響を与えました。次のバナーには影響しません

助けて

ここに私のコードの下に

<div class="echo-nav">
<a rel="0" class="echo-control active" href="javascript:;">1</a>
<a rel="1" class="echo-control" href="javascript:;">2</a>
<a rel="2" class="echo-control" href="javascript:;">3</a>
<a rel="3" class="echo-control" href="javascript:;">4</a>
<a rel="4" class="echo-control" href="javascript:;">5</a>
<a rel="5" class="echo-control" href="javascript:;">6</a>
</div>

<script>
     $(document).ready(function(){
    if($('.echo-nav a.active').attr('rel')=='0'){
            $('#app_info').text('Some dummy contents for one');                 
        }
    else if($('.echo-nav a.active').attr('rel')=='1'){
            $('#app_info').text('Some dummy contents for Two ');                    

              }
});
4

1 に答える 1

0

別の（簡単な）方法でそれを行うことができます：

デモ jsBin

var contents = [
    'Some dummy contents for 1',
    'Some dummy contents for 2',
    'Some dummy contents for 3',
    'Some dummy contents for 4',
    'Some dummy contents for 5',
    'Some dummy contents for 6'
];

var activeRelN = $('.echo-nav a.active').index(); // get index N (0,1,2,3...)

$('#app_info').html(contents[activeRelN]);
于 2012-05-22T11:49:58.480 に答える