1

そうです、しばらくの間最後の質問です！

私は水平ポートフォリオサイトを作成しており、ユーザーが画像をフリックするための次/前のスタイルのナビゲーションを作成する際にscrollToプラグインを使用するためのヘルプを探しています。

私のHTMLは次のとおりです。

        <div id="contentRight">

        <ul id="direction">

            <li id="next"><a id="forward">Next</a></li>
            <li id="prev"><a id="back">Previous</a></li>

        </ul>

        <table id="work">

            <tr>

                <td id="horseOneImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseTwoImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseThreeImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseFourImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseFiveImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseSixImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseSevenImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>
                <td id="horseEightImage" class="mainImage"><img class="large" src="media/images/horse.jpg" alt="" /></td>

            </tr>

        </table> 

    </div>

そして、私の現在失敗しているjQueryは次のとおりです。

    $('#forward').click(function() {
    $('table#work tr').stop().scrollTo( '+=636', 800, {axis:'x'} );
});
$('#back').click(function() {
        $('table#work tr').stop().scrollTo( '-=636', 800, {axis:'x'} );
    });

残念ながら、＃forwardまたは#backがクリックされても、テーブルtrは移動しません。

誰かアイデアはなぜですか？

追加情報については、テーブルが使用されます。これは、固定幅のない動的な水平サイトでのベストプラクティスのように思われるためです。

4

2 に答える 2

1

あきらめてはいけない ！！これを試してみてください、これはあなたが欲しいものです http://avinash.tk/dan/

以前の投稿のコードを変更したばかりです。scrollToと水平テーブルを見てください

于 2010-07-14T12:26:01.490 に答える
0

ウィンドウをスクロールするときにテーブルをスクロールしようとしたのを間違えたようですが、実際に行う必要がありました。動作するjQueryは次のとおりです。

$('#forward').click(function() {
    $.scrollTo('+=560px', 800, { axis:'x' });
});
$('#back').click(function() {
    $.scrollTo('-=560px', 800, { axis:'x' });
});
于 2010-07-14T11:11:20.763 に答える