jquery - jQueryアニメーションを右から左にスクロールするdivを取得するには?

Question

一種のスライドショーで画像（および/または単一の幅の広い画像）を右から左にゆっくりと移動させてから、マウスオーバーで一時停止したいと思います。また、クリックするとスライドショーの方向が変わる左右の矢印も必要です。これが何と呼ばれているか、またはどのように行うかはわかりません。

助けてください。ありがとう。

Answer 1

scrollLeft を使用して左または右にスクロールします 現在の質問とはあまり関係ありませんが、確かに他のユーザーに役立ちます..

       $(document).ready(function () {

     // Creating two Left Right Scroll Button through JQuery
        var  btnRht= $("<input type='button' id='btnLeft' value='>>' class='ButtonStyle' width='5px' />");
     var  btnLeft = $("<input type='button' id='btnRight' value='<<' class='ButtonStyle' />");
           // appending buttons to a td inside a html div 
        $('#tdDoE').append(btnLeft);
    $('#tdDoE').append(btnRht);
    // Left / Rht Scroll scroll     
                $("#btnLeft").click(function () { 
                var leftPos = $('.DivDataMain').scrollLeft();
                $(".DivDataMain").animate({scrollLeft: leftPos + 250}, 600);
                });   
                    $("#btnRight").click(function () { 

                var leftPos2 = $('.DivDataMain').scrollLeft();
                $(".DivDataMain").animate({scrollLeft: leftPos2 - 250}, 600);
                });   

    });

HTML コード :-

       <div style="width: 300px; overflow: hidden;" class="DivDataMain">
        <table>
            <tr>
                <td id="tdDoE">
                        Scroll Buttons will be appended after this text.
                </td>
            </tr>
        </table>
    </div>